jquery移动导航栏中的多个活动按钮?

时间:2013-11-14 03:16:31

标签: javascript jquery html css

我需要3个按钮,每个数据都贴出来。 1.赞2.评论3.分享。 现在当用户点击任何按钮时,该过程完成了ajax。 问题是如果用户点击了喜欢和之后评论和分享。类似按钮未激活。如果用户点击或点击其他按钮,我按钮保持活动状态。 如果可以的话,我可以选择这种风格的其他导航栏,并按照我的方式工作。 顺便说一下,我必须在移动版http://www.funnenjoy.com/m

中应用此功能

我还设计了一个jsfiddle link to js fiddle

1 个答案:

答案 0 :(得分:0)

我发现这个我使用privent.fefault它对我有用。 我的代码是

$(document).ready(function(){$('.comment').click(function(){
                        ajax_loader(this);
                        return false;
});
});
function ajax_loader(el){
event.preventDefault();
var url=$(el).attr('href');
$.get(url);
   alert(url);
   return false;}

和类似按钮

    $(document).ready(function(){$('.like').click(function(){
                        ajax_loader(this);
                        return false;
});
});
function ajax_loader(el){
var url=$(el).attr('href');
$.get(url);
   alert(url);
   return false;}

这个用于分享按钮

    $(document).ready(function(){$('.comment').click(function(){
                        ajax_loader(this);
                        return false;
});
});
function ajax_loader(el){
event.preventDefault();
var url=$(el).attr('href');
$.get(url);
   alert(url);
   return false;}

我已将此应用于我的社交网站http://www.funnenjoy.com