如何通过按钮的onclick事件调用href?

时间:2012-02-25 13:04:17

标签: javascript jquery html button onclick

我有以下a href我用来打开jquery对话框,这很好用。基本上,openDialog类附加了jquery对话框代码:

 <a class='openDialog' data-dialog-id='myEditDlg' data-dialog-autosize='false' data-dialog-alt='580' data-dialog-larg='740' data-dialog-title='test dialog' href='/mycontroller/EditDlg/myid'></a>

现在,我想通过按钮的onclick事件来调用它。 基本上,当我点击一个按钮时,我希望点击<a class='openDialog' href的行为相同。我怎么能这样做?**

2 个答案:

答案 0 :(得分:6)

如果我对你提出问题,那么可能是jQuery trigger()(?)就是你要找的。 示例:

<button id="bt">Click</button>
<a href="example.com" id="ex">Triggerable link</a>

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

答案 1 :(得分:5)

您可以通过

模拟点击
 $('#link').click();//No arguments inside the call.

这将模拟链接上的click事件。它与点击链接相同。如果您有一个停止链接默认行为的事件处理程序,则此操作不会更改位置 如果要重定向到href属性,可以使用:

 location.href=$('#link').attr('href');

因此,如果您想通过点击按钮来调用它。

$('#button').click(function(){$('#link').click();
   location.href=$('#link').attr('href');//In case the page doesn't change although you want it to
}