Question

我有两个按钮：

<a href="#" id="A">Button-A</a> 
<a href="#" id="B">Button-B</a>

还有一些JavaScript可以触发点击事件：

jQuery("#A").click(function() {   
    jQuery("#B").trigger('click');    
    return false;
});

如果Button-B不可用（例如，在移动设备上，该按钮不可用），则Button-A会将用户重定向到其他页面（site.com/another-page）。我该如何实现呢？

我怎样才能做到这一点？

谢谢

Answer 1

您可以检查jQuery对象的长度以查看它是否存在

jQuery("#A").click(function () {
    var $btn = jQuery("#B").trigger('click');
    if(!$btn.length){
        window.location = 'new location'
    }
    return false;
});

Answer 2

检查元素是否存在，然后添加事件监听器

$(function(){
  if($("#B").length) { // the element exists
    jQuery("#A").click(function(){   
      jQuery("#B").trigger('click');    
      return false;
    });
  } else { // element doesn't exist, add a different listener
    jQuery("#A").click(function(){   
      window.location = "http://newurl.com";
    }); 
  }
});

Answer 3

function clickHandler(e){
  var $btn = $("#B").trigger('click');
  if(!$btn.length)
    window.location = 'site.com/another-page';
  e.preventDefault();
}
$("#A").click(clickHandler);

如果ID不可用，则重定向到其他页面

3 个答案: