Menu
I'm trying to trigger a link click for .jquery. Does someone know why the following doesn't work.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>test</title>
</head>
<body>
<div>
<a id="google_link" href="http://google.com" target="_blank">click to go to google</a>
</div>
<div id="google_link_proxy">click here to do the same as the link above</div>
<script type="text/javascript">
$("#google_link_proxy").click(function(event){
$("#google_link").click();
});
</script>
</body>
</html>
565
If you are trying to trigger an event on the anchor, then the code you have will work I recreated your example in jsfiddle with an added eventHandler so you can see that it works: $(document). on("click", "a", function(){ $(this). text("It works!"); }); $(document).
Method 1: Using the click() method: The click() method is used to simulate a mouse click on an element. It fires the click event of the element on which it is called. The event bubbles up to elements higher in the document tree and fires their click events also.
The HTMLElement. click() method simulates a mouse click on an element. When click() is used with supported elements (such as an <input> ), it fires the element's click event. This event then bubbles up to elements higher in the document tree (or event chain) and fires their click events.
How does anchor tag handle click event? On using Google I found that they are using onclick events in anchor tags. It usually goes to 'more. To be more sure, use a # in href="#" and do the necessary things within the javascript.
The jQuery method completely ignores href:
$('#google_link').click(); // ignores href!
The native DOM method does the right thing:
$('#google_link')[0].click();
This works regardless of whether the href is a URL, a fragment (e.g. #blah) or even a javascript:.
117
If you use jQuery and the native DOM, the anchor can be clicked
// insert an <a> into document and click it **natively**
// (.get(0) returns the DOM element)
$('<a id="fred99" />').attr('href', '#david').attr('target', '_blank')
.text('LINK').appendTo('body').get(0).click();
// now we've clicked, tidy up
$('#fred99').remove();
Looks like your $("google_link_proxy") selector is off. Try $("#google_link_proxy").
You also need to close the observe call with }).
Those are the syntax errors with the code above though I don't think those functions are provided in jQuery by default.
Here is what I think you're after:
$("#google_link_proxy").click(function(event){
window.open($("#google_link").attr('href'),'_blank')
});
Make sure you have your jQuery code wrapped in a ready block like so
$(document).ready(function(){/* your code here */});
This ensures scripts are fired after all the content and images are loaded.
2
Use click()
$("#google_link_proxy").click(
function(){
$("#google_link").click();
}
);
fireEvent and observe is not part of jQuery API
2
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
