jquery click doesn't work on hyperlink
Solution 1
See click()
:
Triggers the click event of each matched element.
Causes all of the functions that have been bound to that click event to be executed.
The important thing to note is that it does not duplicate clicking the link. It only triggers associated events. If you want to change location:
var link = $("#link_0");
link.click();
window.location.href = link.attr("href");
but even that is only an approximation as it doesn't cater for handlers stopping event propagation.
Solution 2
Calling jQuery's click
method will invoke any click
handlers that you've added, but will not click the link.
You need to write:
window.location = $("#lnk_0").attr('href');
(This assumes that there aren't any click
event handlers)
EDIT: In response to your comment, you can call the IE-only DOM click
method, like this:
if ($("#lnk_0")[0].click)
$("#lnk_0")[0].click();
else
window.location = $("#lnk_0").attr('href');
Solution 3
To allow the hyperlink functionality (hover, hand cursor, etc) when overriding with jQuery you can do the following:
<script>
$(function() {
$( "#dialog-modal" ).dialog({
autoOpen: false,
height: 320,
modal: true
});
$( "#open-modal" ).click(function() {
$( "#dialog-modal" ).dialog( "open" );
});
</script>
<a href="javascript:return true" id="open-modal">Open Modal</a>
<div id="dialog-modal" title="Hello World">
Hello
</div>
Solution 4
Doing this works:
$('#lnk_0')[0].click();
Sean
Updated on August 28, 2020Comments
-
Sean over 3 years
I have a simple link click simulation that I want to do using jQuery. From what I read, this should work, but the code below doesn't work. Nothing happens if I do the same thing as a part of some other event or something either. Thoughts?
<script type="text/javascript"> $(function() { $("#lnk_0").click(); }); </script> <a id="lnk_0" href="http://mydomain.com/mypage.html">link</a>