jQuery onClick for an Already Modified Class
jQuery onClick for an Already Modified Class
我有一些东西可以让用户单击<li>
,然后在它下面切换一个div。该div 内部是一个"添加到短列表"的按钮。单击时,它会更改li
项目的背景,并将按钮文本更改为"从短列表中删除"。当再次按下按钮时,它需要执行与添加相反的操作,它必须将li
类更改回其原始状态并将按钮文本更改回来。
我无法让它工作。我知道一旦我更改了类名,我就无法通过onClick
访问新类。
此外,当单击按钮时,如果它正在"添加",则会发生 AJAX(稍后实现),当单击它以"删除"时,将发生 AJAX 以删除相应的内容。
JavaScript
var incSL
$('.complete, .incomplete').click(function() {
$('.classInfo').slideUp();
if($(this).next().is(':hidden') == true) {
$(this).addClass('on');
$(this).next().show('slow');
incSL = this;
// ADD
$(".shortAdd").on('click','.button', function(){
$(this).text('Remove from Short List');
$(this).parent().attr("class", "shortRemove");
$(incSL).attr("class", "incompleteSL");
});
// REMOVE
$(".shortRemove .button").click(function(){
$(this).text('Add to Short List');
$(this).parent().attr("class", "shortAdd");
$(incSL).attr("class", "incomplete");
});
}
});
HTML
<li class="incomplete">ITCS 3688 Computers & Society</li>
<div class="classInfo">
<div class="shortAdd">
<div class="button">Add to Short List</div>
</div>
</div>
CSS
.incomplete {
filter: alpha(opacity=65);
-moz-opacity: 0.65;
-khtml-opacity: 0.65;
opacity: 0.65;
}
.incompleteSL {/* Short Listed */
background: url('../images/short.png') right center no-repeat;
color: #00703c;
opacity: 1.0;
}
感谢您可以提供的任何帮助! :D
试试这个:
$('body').on('click', 'ELEMENT_CLASS_OR_ID', function () {});
你可以在jquery文档中找到一些关于实时事件的信息。 :)
相关文章:
- RegEx删除空属性?例如,如果(class=“”||class=“”)移除;否则就下课
- 当浏览器上的后退按钮到达主页时,我需要删除Class
- 通过id和class属性获取元素
- 菜单栏class=活动引导程序主题无法正常工作
- $(.class).empty总是缺少一个元素
- jQuery[button.class]未检测到用按钮追加行
- javascript点击函数不;不适用于ID和Class
- HTML class=Ajax操作,如何让类点击调用好的操作
- Add a class if var < 0 jquery
- 将鼠标悬停在Angular JS中的一个元素上,并将Class添加到另一个元素中
- Difference between methods of defining JavaScript 'class
- todomvc Backbone's更改为class'编辑'使todo可编辑
- 使用jQuery隐藏和显示具有相同Class的类
- JQuery选择器:如果同级具有.class,则选择td
- jQuery:具有class但不具有$(this)的元素
- Why does "document.querySelector('a.some class'
- Javascript add class 不起作用
- 为什么设置 element.className = null 会导致 class=“null”
- Class.create()上的Comatose(rails插件)javascript错误
- jQuery onClick for an Already Modified Class