jQuery 模糊() 不起作用?

2023-12-25

这里完全被难住了。 尝试一些很简单的事情,但它不起作用:

$("input.input1, textarea.input1").focus(function(){
    $(this).addClass("input2").removeClass("input1");
});
$("input.input2, textarea.input2").blur(function(){
    $(this).addClass("input1").removeClass("input2");
});

基本上模糊不会被触发。 我单击输入框,该框发生变化。 我点击远离框的地方,但没有任何反应。 对此的任何帮助都会很棒。


您需要使用委托处理程序,因为输入没有类input2在应用处理程序时。

$(document).on('focus','input.input1, textarea.input1', function() {
    $(this).addClass('input2').removeClass('input1');
});
$(document).on('blur','input.input2, textarea.input2', function() {
    $(this).addClass('input1').removeClass('input2');
});

然而,可能有更好的方法来做到这一点。我建议使用第三个类来标记需要切换类的输入,然后在事件发生时切换类。

$('.needsToggle').on('focus blur', function() {
     $(this).toggleClass('input1 input2');
});

如果他们总是有课input1首先,你可以用它来代替needsToggle.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery 模糊() 不起作用? 的相关文章

  • 记录jQuery中调用的方法和参数

    假设我有 jQuery 并且加载了几个插件 我运行一些这样的代码 someSelector someMethod someParam someOtherParam someOtherSelector someOtherMethod anot
  • 如何将 webmethod 与 telerik 批量编辑网格一起使用

    Work on Asp net vs2012 C telerik RadGrid batch edit I put save button outside from the grid Under the save button want t
  • 将 Isotope 与通过 XML 和 jQuery 加载的对象一起使用。这可能吗?

    我正在使用 XML 和 jQuery 加载对象 并尝试连接到同位素 但似乎这是不行的 这可能吗 我尝试了许多不同的解决方案 但似乎找不到有效的解决方案 这就是我所拥有的 我已经尝试过同位素中的回调函数 但仍然没有运气 我用 XML 调用我的
  • jQuery fadeOut 一个 div,fadeIn 另一个 div 在其位置

    我正在尝试一个简单的 jQuery 脚本来淡出一个 div 并淡入另一个 div 但由于某种原因 第一个 div 永远不会淡出 这可能是代码的一个明显问题 但我似乎无法弄清楚 div div div div
  • 通过jquery传递搜索参数

    我有一个表单 如果用户输入搜索查询 其参数应通过 jquery 传递 并在获取结果后将结果加载到 div 容器中 由于我不太熟悉 jquery 我该怎么做 html currently the data is being displayed
  • 智能位置表单字段

    我的用户注册表单上有一个文本字段location 我本质上希望这个字段能够根据 Google 地图 或同等地图 进行验证 只允许有效位置通过 最好采用类似的格式滑铁卢 伦敦 or 伦敦 英国 要求 除了位置名称之外 我还想返回该位置中心的坐
  • 谷歌闭包编译器和jquery

    我将 js 代码复制粘贴到谷歌编译器中 当我将其复制回我的应用程序时 它不起作用 我意识到我的代码需要jquery 所以我将jquery代码和我的代码复制到google编译器中 希望它能轻松解决问题 但它也不起作用 在chrome下 代码有
  • Bootstrap:使用单个选项卡导航控制多个选项卡面板

    我想用一个选项卡导航来控制两个不同的选项卡内容 在 Bootstrap 3 中 我有一个使用逗号分隔数据目标的解决方案 如本例所示 https stackoverflow com a 19719859 1788961 https stack
  • Magento 中的 jquery/prototype 冲突

    这是一个基于 Themeforest 的 Acumen 主题的 Magento 商店 出乎意料的是 jquery 的东西现在不起作用了 Acumen 通过 magento 静态块加载 jquery 但这些都没有被触及 昨天我正在努力添加 j
  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s
  • ExitFullScreen 不起作用 + 无论如何要按键盘单击按钮?

    我的浏览器 Google Chrome 版本 33 0 1750 154 m Script function exitFullscreen var element document documentElement if element mo
  • jQuery 日期选择器 - 时区问题

    我们在网站上使用 jQuery 日期选择器来选择预订的日期和时间 日历当前设置为太平洋标准时间 当用户尝试从其他时区访问时 这会导致错误 我们是否应该将服务器设置为 UTC 并让应用程序根据用户的 IP 地址自动选择用户的时区 我很好奇我们
  • Javascript:如何根据 html 标签扩展用户选择?

    乐代码 http jsfiddle net frf7w 12 http jsfiddle net frf7w 12 所以现在 当前的方法将完全按照 选择的方式获取所选文本 并添加标签 以便在显示时页面不会爆炸 但我想做的是 就是说 当用户选
  • 使用 jQuery 拖放

    我想使用 jQuery 进行简单的拖放操作 到目前为止我还没有做任何事情 但之前的尝试都没有成功 你有没有尝试过jQuery UI 可拖动 http jqueryui com demos draggable 简单用例 div class u
  • 使用 jQuery 值更新 Angular 模型

    您好 我有一个附加在我的模型上的输入字段 当用户手动输入该字段时 会在更改时调用一个函数 这工作正常 并且模型按预期在控制台日志中反映
  • jQuery 1.6:backgroundPosition 与 backgroundPositionX 和 FF4 兼容性

    在尝试升级 jQuery 插件 iCheckbox http stackoverflow com questions 6032538 以在 jQuery 1 4 4 之上工作时 我发现使用 animate backgroundPositio
  • 附加元素在 IE11 中不起作用

    在构造函数中我创建一个元素 var this legendElement this compileLegend 后来我想在事件监听器中使用它 var takeControl function this element empty this
  • Jquery获取每个div的子子div并将信息抓取到数组中

    我有一些看起来像这样的 html div div class sub main div div
  • 如何在 jQueryUI 工具提示中换行

    新版本的 jQueryUI 1 9 附带了本机工具提示小部件 经过测试 如果内容 标题属性的值 很短 它就可以正常工作 但如果内容很长 工具提示一旦显示就会与输入文本重叠 有a demo http jqueryui com tooltip
  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho

随机推荐

  • WPF ListBoxItem 可见性和滚动条

    我希望根据数据上下文的属性折叠某些 ListBoxItems 我想出了以下内容 为了简洁而进行了修剪
  • C# 中 OrderBy Switch 的替代品

    下面的代码片段工作正常 switch sortOrder case Group list list OrderBy o gt o Group ToList break case Company list list OrderBy o gt
  • 生成 Python AST 的文本表示

    使用 Clang 我们可以做到 clang cc1 ast dump j c TranslationUnitDecl 0x7fbcfc00f608 lt
  • 无法将引导模式窗口作为路线打开

    我正在使用引导程序来显示模式 并希望在单击锚标记时将其显示为路线 但我遇到模块错误并且似乎不知道如何解决它 HTML div div a href profile Click here to open modal a div div JS
  • Windows Speech SAPI:如何列出语音属性?

    我用过这个堆栈溢出答案 https stackoverflow com questions 17675177 c and microsoft sapi 5 how to list all available voices and selec
  • 在 cakephp ssl 站点中重定向到 http 而不是 https

    我开发了一个 cakephp 网站 所有页面都应使用 ssl 它按预期工作 除了当我在控制器中使用重定向时 它重定向到 http subdomain domain com 而不是 https subdomain domain com con
  • SQL 更新行数

    我有一个带有列标识 1590 个值 的表 serviceClusters 然后我有另一个表 serviceClustersNew 其中包含 ID 文本和注释列 在此表中 我有一些文本和注释值 ID 始终为 1 下面是该表的示例 1 虚拟1
  • Postgres 与 Java 我无法插入数据

    我尝试使用 Java 向我的 postgres 数据库插入数据 我的本地数据库有默认配置 我想将一些数据放入表中 但遇到一些问题 这是代码 import java sql Connection import java sql DriverM
  • BindingExpressionBase 在自定义 MarkupExtension 中为 null

    我有一个CustomMarkupExtension班级 绑定正在工作 null 但是BindingExpressionBase总是null 有人可以解释一下为什么吗 我需要得到BindingExpressionBase打电话给UpdateT
  • 我可以为 html 元素设置默认的 css 类吗

    如果我定义了一个 css 类 是否可以将该类设置为 html 元素的默认类 为了澄清这一点 我希望分解出类的定义 以便它可以被一个或多个 css 选择器使用 或者在 html 中谨慎应用 例如 myclass float right h1
  • Actionscript 3.0:范围

    教程通常不涉及 Actionscript 中的范围 您能给我指出一些文档和 或解释一下我应该了解什么吗 我想避免由于某些类在某些地方不可见而引起的问题 这些应该有帮助 功能范围 http livedocs adobe com flex 3
  • 调整应用程序窗口大小时,如何调整应用程序内的图像大小?

    当我最大化应用程序时 JPanel 内的图像不会随之调整大小 如何在窗口最大化时调整 JPanel 及其内容 编辑 我正在使用 BufferedImage 这是一个开放式问题 您想要缩放以填充或缩放以适合区域还是您不关心纵横比 填充比例和适
  • South 忽略 Python / Django 中字段默认值的更改

    为什么 South 无法识别 Python 模型中默认字段值的更改 例如 以向南迁移的现有模型为例 class MyFamily models Model family size models IntegerField verbose na
  • Phonegap 谷歌分析根本不跟踪

    这是我的 main js 文件 Google Analytics function var ga document createElement script ga type text javascript ga async true ga
  • 在运行时更改 DataGridView 标题文本

    我能够在运行时更改所有控件文本 预计我的 DataGridViews 标题文本不会更改 colName HeaderText FormOtherRes Crc I tried DataGridView1 Refresh 但这没有用 当我调试
  • 不在数据构造函数范围内

    我有两个 hs 文件 一个包含新类型声明 另一个使用它 首先 hs module first where type S SetType data SetType S Integer 第二个 hs module second where im
  • 维基百科是否允许通过 Google App Engine 获取 URL?

    我正在编写一个 Python Web 应用程序 我计划在其中利用维基百科 当尝试一些 URL 获取代码时 我能够获取 Google 和 Facebook 通过 Google App Engine 服务 但是当我尝试获取 wikipedia
  • 从 XML 中选择节点,其属性之一包含特定字符串

    我试图选择在其属性之一中包含给定字符串的节点 但似乎我只能在某个属性上执行此操作 var tempUsers xmlDocument selectNodes Users contains Id TEXT 我想我可以写一些其他的东西来代替 I
  • java web start 应用程序可以在没有 .jnlp 文件的情况下存在吗? [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 正如中所解释的Java网络启动 ht
  • jQuery 模糊() 不起作用?

    这里完全被难住了 尝试一些很简单的事情 但它不起作用 input input1 textarea input1 focus function this addClass input2 removeClass input1 input inp