Question

我动态创建了由<li>标签包围的锚标签<ul>，并且所有标签都附加到<a>。然后，每个锚标签的点击事件都会向控制器发出ajax请求，而某些数据是得到它。现在我希望每个锚标签被点击一次，如果任何锚标签被点击两次应该是禁用或未被点击，以便不再调用ajax现在问题是我如何检查锚点<ul class="nav nav-pills"> </ul>标签的点击次数

我的HTML代码在这里：

for (var c in data.categoryTypes)   
{                                                                                                
    $('< a/>').attr('href','#'+data.ABC[c]).attr('data-toggle', "pill").text (data.ABC[c]).wrap('< li id='+c+'/>').parent().appendTo('.nav.nav-pills');
}

脚本部分：

$('ul').on('click', 'li', function (e) 
{
    var categoryValue = $(this).text(); 
    alert(categoryValue);
    e.preventDefault();
});

Click事件在这里：

#RewriteRule ^403/?$ 403error.html [NC]
#RewriteCond %{REMOTE_ADDR} ^00\.00\.00\.00$
#RewriteRule ^ - [R=403,L]

Answer 1

您可以在单击链接后添加类似已禁用的类，并在ajax调用后删除该类

$('ul').on('click', 'li:not("disabled")', function (e)
{
        $(this).addClass('disabled'); //add the class
        var categoryValue = $(this).text(); 
        alert(categoryValue);
        e.preventDefault();
       //do a ajax call, In ajax success remove the class disabled. 
          $(this).removeClass('disabled'); 
  });

多个Anchor标签对每个标签都有单击事件

1 个答案: