Question

这些是上一个和下一个按钮html代码我想要做的是在单击另一个名为filter的按钮时禁用它们，如果满足某些条件则进一步禁用它们

 <div class="page-btn" id="page-next"><a href="testlink/index/3/1"><div class="pbtn-txt" style="color: whitesmoke;">Next </div></a></div>  

 <div class="page-btn" id="page-previous"><a href="testlink/index/3/1"><div class="pbtn-txt" style="color: whitesmoke;">previous </div></a></div>

如何根据某些条件禁用它们？链接是在运行时生成的。例如

$('.filter').click(function(){

                    if(condition) {
        disable next links click using class page-btn;
        disable prev links click using class page-btn;
                    } 

});

Answer 1

$('.filter').click(function(){
     return false;
});

jsFiddle Demo

修改：

如果类动态变化，这是一种更好的方法来支持它：

$(document).on("click", ".filter",
    function () {
        return false;
    });

jsFiddle Demo

编辑2：

在您更好地描述了您的问题之后，这可能是您正在寻找的内容：

$('.filter').click(function(){

      if (condition) {
          $(".page-btn a").click(
              function () { return false; }
          );
      } 
});

Answer 2

此代码在单击时检查链接的类：

<script type="text/javascript">
    $(function() {    
        $('.filter').on('click', function(){
            if(condition)
               $(".page-btn a").attr('href', 'javascript:void(0);');
        });
    });
</script>

Answer 3

或者您可以使用

$('.filter').click(function(e){
                if(condition) {
                  e.preventDefault();
                } 
});

如何使包含链接的div基于其类不可点击

3 个答案: