jquery - 如何根据其类使包含链接的 div 不可点击

Question

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

 <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; }
          );
      } 
});