将jquery修改为服务器端以获取链接true / false toggleClass

时间:2016-05-14 13:40:53

标签: jquery html css

此代码在伪jquery中,但如何将其作为jquery代码?

我需要打开或关闭图标,具体取决于管理页面中的选择,然后在其他页面上将此选项显示为静态徽章状态。

那么这两个片段是否可以修改为包含从第二个片段到第一个片段的切换操作?

我需要它与C#一起使用,因为后端将用C#编写。

我正在网上修改这样的代码,因为我自己不知道jquery,我需要得到它的帮助...:/

//first snippet
$('a').click(function(evt) {
   evt.preventDefault();
   var link = $(this).attr('href');
   $.ajax({
       method: post,
       url: '/link-tracking',
       data: {
          href: link   
     }
   });
}).done(function(url) { // pass the url back to the client after you incremented it
   window.location = url;
});

//second snippet
$('.verify').click(function() {
	var id = $(this).parents('div').attr('id');
	$(this).toggleClass('verified');
$.post('/page.html', {
      'verified': $(this).hasClass('verified'),
      'id': id
    },
   function(data) {
	     if (data.verified) {
     	 $(this).toggleClass('verified');				
		 }
      //some sort of update function here
    });
});

1 个答案:

答案 0 :(得分:1)

只需单击处理程序即可满足要求

$('.verify').click(function() {
  var id = $(this).parents('div').attr('id');
  $(this).toggleClass('verified');
  $.post('/echo/json/', {json:JSON.stringify({
      'verified': $(this).hasClass('verified'),
      'id': id
      })
    },
    function(data) {
    console.log(data)
      if (data.verified) {
        // console.log(data)
      }
      //some sort of update function here
    });
});

jsfiddle https://jsfiddle.net/516rx7xa/1/