javascript - jQuery多个按钮的点击事件只对当前按钮有效
高洛峰
高洛峰 2017-04-11 11:17:29
0
1
262

朋友你好,

jQuery代码是这样:

jQuery(document).ready(function($) { $( '.follow-links a' ).on('click', function(e) { e.preventDefault(); var $this = $(this); if( salong_vars.logged_in != 'undefined' && salong_vars.logged_in != 'true' ) { alert( salong_vars.login_required ); return; } var data = { action: $this.hasClass('follow') ? 'follow' : 'unfollow', user_id: $this.data('user-id'), follow_id: $this.data('follow-id'), nonce: salong_vars.nonce }; $('img.salong-ajax').show(); $.post( salong_vars.ajaxurl, data, function(response) { if( response == 'success' ) { $('.follow-links a').toggle(); } else { alert( salong_vars.processing_error ); } $('img.salong-ajax').hide(); } ); }); });

按钮的HTML代码:

有多个按钮,如果修改js才能实现点击当前按钮改变当前按钮的状态,而不是所有的按钮都同时发生改变?
谢谢!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复 (1)
Peter_Zhu
if( response == 'success' ) { $this.toggle(); // 这句啊,用当前按钮的this,不要重选一遍所有的a标签;顺带一提,按钮最好语义化写button } else { alert( salong_vars.processing_error ); }
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!