Jquery 切换开关状态链接图标

Jquery 切换开关状态链接图标,jquery,html,css,svg,twitter-bootstrap-3,Jquery,Html,Css,Svg,Twitter Bootstrap 3,我已经创建了一个带有两种状态的链接,默认状态为[verify=false]和辅助状态[verify=true],并将通过管理员页面从管理器更改。jquery将使用SVG图标切换此状态,并通过CSS更改其背景位置 此链接图标选择将仅静态显示在该用户是否已由管理员验证的多个页面上。默认情况下,它为关闭[假] 切换效果很好,我对此很满意,但是在“POST”变量中,我不确定如果打开了它,如何为选择的一个(以及一个页面中的多个?)获取唯一ID,并在多个页面上反映这一点。我只需要为此编写前端脚本,然后后端开

我已经创建了一个带有两种状态的链接,默认状态为[verify=false]和辅助状态[verify=true],并将通过管理员页面从管理器更改。jquery将使用SVG图标切换此状态,并通过CSS更改其背景位置

此链接图标选择将仅静态显示在该用户是否已由管理员验证的多个页面上。默认情况下,它为关闭[假]

切换效果很好,我对此很满意,但是在“POST”变量中,我不确定如果打开了它,如何为选择的一个(以及一个页面中的多个?)获取唯一ID,并在多个页面上反映这一点。我只需要为此编写前端脚本,然后后端开发人员将用C#为db编写代码

我想我的代码中已经有了基础,但是“我要发布什么”以及如何在一个示例页面中显示从Admin??

中选择的这个静态图标。 我不太熟悉jquery,所以我可能需要一些繁重的工作。我将使用社交图标只是为了在这里进行试验

$('.verify')。单击(函数(){
var id=$(this.parents('div').attr('id');
$(this.toggleClass('verified');
$.post(“#”{
'verified':$(this).hasClass('verified'),
“id”:id\u 01
},
功能(数据){
如果(数据验证){
$(this.toggleClass('verified');
}
});
});
正文{
背景色:#aaa;
}
.核实{
文本缩进:-5000px;
显示:块;
背景图像:url('http://imgh.us/social_4.svg');
背景位置:84px 75px;
高度:38px;
宽度:38px;
边框:1px实心#000;
}
验证{
背景位置:84px 38px;
}



不确定,为什么要使用静态ID\u 01。将此替换为id。希望您要执行此操作

$('.verify').click(function() {
  var id = $(this).parents('div').attr('id');
  $(this).toggleClass('verified');
  $.post('#', {
      'verified': $(this).hasClass('verified'),
      'id': id /* Updated */
    },
    function(data) {
      if (data.verified) {
        $(this).toggleClass('verified');
      }
    });
});

谢谢要点是这样的:管理员将打开或关闭此切换链接,这将涉及验证用户的有效性,然后当用户看到自己的配置文件时,此切换链接选择打开或关闭将显示在用户页面上,表示他们已验证/未经验证,但用户自己无法切换,因为管理员只有权限。这有意义吗?那么,您知道我如何修改这个jquery,以便在状态更改/切换时,更改的图标将显示在多个页面上吗?我希望我的问题能得到回答。。。