让HTML锚点模拟单击不同的元素

时间:2014-01-23 15:47:25

标签: javascript jquery

我有这样的事情:

<a href="javascript:void(0)" onclick="clickVehicleTab();">Vehicle Info</a>

<script type="text/javascript">
  function clickVehicleTab() {
    $("#vehicle").trigger('click');
  }
</script>

该函数被执行,但是单击该对象的jQuery似乎没有成功执行。我错过了什么?

编辑:

#vehicle对象上的绑定似乎是个问题。它看起来像这样:

$('#jsddm > #vehicle').bind('click', openVehicleMenu);  //vehicle menu click event

所以#vehicle不能按照我正在尝试的方式直接按照编程方式点击。

1 个答案:

答案 0 :(得分:1)

更好的方法是在链接中添加一个id并使用它来监听触发事件。然后在输入时触发id为“vehicle”的元素上的click-event

<a href="#" id="url">Vehicle Info</a>

$(document).ready(function(){
    $("#url").click(function(e){
        e.preventDefault();
        console.log('TEST: clickVehicleTab entered...');
        $("#vehicle").trigger('click');
    }
});

如果以编程方式完成绑定,为什么不使用:

openVehicleMenu();

而不是

$("#vehicle").trigger('click');