你好,我做了一个代码,需要在ajax调用后添加一个类。 我确信代码是正确的,但仍然没有添加类。 它真的很奇怪,因为代码中的其他一切都有效,我确信addClass的代码是正确的,我也检查过控制台是否存在任何错误,但没有错误。 这是我的代码
$(document).on('click', '.miclickks', function(event) { event.preventDefault(); var for_uid = $(this).parents("li").attr('data'); var for_name = $(this).parents("li").attr('unme'); var for_pic = $(this).parents("li").attr('upic'); var owner_uid = $('.row-fluid').attr('uid'); var owner_name = $('.row-fluid').attr('usnm'); var owner_pic = $('.row-fluid').attr('usp'); var type = "kiss"; var dataString = "type=" + type + "&for_uid=" + for_uid + "&for_name=" + for_name + "&for_pic=" + for_pic + "&owner_uid=" + owner_uid + "&owner_pic=" + owner_pic + "&owner_name=" + owner_name; $.ajax({ type: "POST", url: "include/ajax.php", data: dataString, success: function (html) { if(html=="300") { $('#myModal .modal-body p').html("Error Please Try Again."); $('#myModal').modal('show'); } else { $(this).addClass('active'); } } }); });
两种方式:
第一 :
var that = this; $.ajax({ type: "POST", url: "include/ajax.php", data: dataString, success: function (html) { if (html == "300") { $('#myModal .modal-body p').html("Error Please Try Again."); $('#myModal').modal('show'); } else { $(that).addClass('active'); } } });
第二个 (使用context
选项):
$.ajax({ type: "POST", url: "include/ajax.php", data: dataString, context: this, success: function (html) { if (html == "300") { $('#myModal .modal-body p').html("Error Please Try Again."); $('#myModal').modal('show'); } else { $(this).addClass('active'); } } });
试试这个 –
var $p = $(this); $.ajax({ type: "POST", url: "include/ajax.php", data: dataString, success: function (html) { if (html == "300") { $('#myModal .modal-body p').html("Error Please Try Again."); $('#myModal').modal('show'); } else { $p.addClass('active'); } } });
原因是this
内部success()
是XHR对象而不是被点击的元素。 您可以使用context
选项将其强制为您想要的任何值。
例如:
$.ajax({ context: this, // pass the clicked element via context ... success: function() { ... $(this).addClass('active'); // now this refers to the clicked element } });
也许我说错了,有人会纠正,但我认为错误在于这条指令: $(this).addClass('active');
在这种情况下,’this’指的是ajax对象,所以请确保你正在调用proprer对象,在该对象上添加类激活
以上就是jQuery教程分享jquery addClass在ajax调用后无法正常工作相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/559041.html