代码之家 › 专栏 › 技术社区 › Phil.Wheeler

jquery click事件仍在筛选元素上激发

css-selectors events jquery

Phil.Wheeler · 技术社区 · 16 年前

我试图根据按钮事件是否分配了CSS类来筛选它们。

假设我有一个这样的按钮:

<button id="save-button" class="ui-state-default ui-corner-all">Save</button>

我想让jquery选择当前所有按钮不具有“禁用用户界面状态”类。我使用的选择器如下所示:

$('#save-button:not(.ui-state-disabled)').click(function() {
   ...
});

单击按钮后,我将调用另一个函数,执行一些操作,然后将类“ui state disabled”添加到按钮中。但是按钮仍然继续接受单击事件。

我猜这是因为两个可能的原因:

有什么意见吗?

1 回复 | 直到 16 年前

Nick Craver 16 年前

你可以使用 .live() 做你想做的,像这样:

$('#save-button:not(.ui-state-disabled)').live('click', function() {
   ...
});

或者,当 click 处理程序激发,如下所示:

$('#save-button').click(function() {
  if($(this).hasClass('ui-state-disabled')) return;
  ...
});

您的1是正确的,原因是,选择器查找匹配的元素那时并将一个单击处理程序绑定到它们……不管它们以后拥有什么类或ID,处理程序都绑定到元素。 LIVER() 监听气泡并检查选择器是否匹配 当事件发生时 ,所以它是有效的…或者你检查自己 点击 像上面第二个选项中的处理程序一样。

推荐文章

OREO · 如何在不实际单击复选框的情况下选中它

1 年前

Dan · 在元素外部设置html点击处理程序点击后立即触发

2 年前

Testerr0349349 · 如何通过JDA discord提及用户?

2 年前

abra10834 · Publisher Subscriber-订阅主题中的选定消息

2 年前

Ryan Hibbs · 可脚本化对象事件无法在Unity中注册侦听器(记录类型不匹配)

2 年前

Mero · Svelte在父事件调用上调用新的嵌套事件处理程序

2 年前

Enlico · onkeyup和onkeydown在交错按压和释放时发生干扰

2 年前

iorice · usercontrol dll中的组件事件

2 年前

Awin · 点击事件功能不适用于Vue组件

2 年前

Kiwi · 将可共享的自定义数据添加到事件MS图形api

2 年前