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

Javascript jquery移动导航栏中有多个活动按钮?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要3个按钮,每个数据发布。 1.就像2。评论3。分享。 现在,当用户点击任何一个按钮时,这个过程就用ajax完成了。 问题是,用户是否在评论和共享中单击了“喜欢”和“喜欢”。like按钮未激活。如果用户单击或轻触其他按钮,我喜欢的按钮将保持活动状态。 我可以选择这种风格的其他导航栏,如果有的话,并根据我的工作。 顺便说一下,我必须在手机版的 我还设计了一个JSFIDLE我发现我使用了privent.fefault,它适合我。 我的代码是 $(document).ready(function(

我需要3个按钮,每个数据发布。 1.就像2。评论3。分享。 现在,当用户点击任何一个按钮时,这个过程就用ajax完成了。 问题是,用户是否在评论和共享中单击了“喜欢”和“喜欢”。like按钮未激活。如果用户单击或轻触其他按钮,我喜欢的按钮将保持活动状态。 我可以选择这种风格的其他导航栏,如果有的话,并根据我的工作。 顺便说一下,我必须在手机版的


我还设计了一个JSFIDLE

我发现我使用了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;}

我已经在我的社交网站上应用了这一点

请发布代码,也许还有一个jsfiddle(jsfiddle.com)。我甚至看不到你在链接中提到的按钮。这将满足你的目的。这与我想要的有些相似。可以增加其大小和添加图标,以及如何与它们建立链接。以及主要要求如何在默认情况下使其处于活动状态