Question

问题：

我正在两个班级之间切换元素的显示（＆＃34; class1 ＆＃34;＆amp;＆＃34; class2 ＆＃34 ;比方说）使用JQueryUI SwitchClass()方法。这应该来回改变显示，但我不能切换回原来的类。

$('.class1').click()功能正常，并将<a>元素的类切换为＆＃34; class2 ＆＃34;，样式和所有。虽然CSS类已经成功切换，但在单击相同的$('.class2').click()元素后，<a>函数不会触发。我想将课程切换回＆＃34; class1 ＆＃34;点击。

示例代码： http://jsfiddle.net/buddhaspake/F6BE8/1/

我很确定我错过了一些简单的东西......任何解决方案/解决方法都会非常感激!!

修改

我找到了解决问题的2个方法（如下所述）
的 1。解决方案 SwitchClass() 问题：
（正如Rajaprabhu所建议的）：使用jQuery事件委派模型将istener添加到外部元素（最近的静态父母。）示例代码：http://jsfiddle.net/buddhaspake/F6BE8/5

2。使用 toggleClass() 的工作方式
（根据adeneo的建议）：根据adeneo＆s;中链接中的示例代码使用jQuery toggleClass（）方法评价。

Answer 1

尝试使用event-delegation，因为您正在运行时更改类

$(document).on('click', '.class2', function() {

});

备注：我刚刚将事件委托给文档，因为我不知道上下文中的静态父级，使用最近的静态父级来委派事件。因为如果我们依赖于该文档，那么显然它将是事件被冒泡到DOM树的最后一个元素。

JQueryUI SwitchClass对Javascript没有影响

1 个答案: