检查下面的代码
当我span
第一次单击时,它会触发markStarted
功能和fa
图标并data-aevent
成功更新。我进入started
开发控制台。
当我再次单击它时(不重新加载页面) markFinished
不会触发。而且我仍然可以在控制台中“入门”。
我究竟做错了什么?
<span class="label label-info check " data-id="4" data-aevent="finish"><i class="fa fa-check fa-fw"></i></span>
markStarted,markFinished
var markStarted = function(task){
task.find('i').removeClass('fa-play').addClass('fa-check');
var nextstate = "finish";
task.data("data-aevent", nextstate);
console.log("started");
}
var markFinished = function(task){
task.fadeOut();
console.log("finished");
}
点击功能
$(function() {
$(".check").on("click", function() {
var task = $(this);
var task_id = task.data("id")
var aevent = task.data("aevent");
if (aevent == "start"){
markStarted(task);
}else {
markFinished(task);
}
});
});
在markStarted
,您在打电话task.data("data-aevent ...
,您需要在哪里打电话task.data("aevent" ...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句