use jquery to add event to a element based on href

Question

I would like to trigger a javascript function when a specific URL is available on the page.

The url looks like:

I would like to use jQuery to detect the url and launch an event.

I have come this far:

$( 'a[href="https://www.mypage.com/my-page/details.jsp"]' ).bind( "click", function() {
    alert( "yoehoe" );
});

But it doesn't trigger the alert on a click. on the specific href. Can anyone help me on this one?

Milind Anantwar · Accepted Answer · 2014-03-21 12:19:22Z

1

You need to wrap the code in document.ready to ensure that event gets bind to respective elements once they are there on page.like this:

$(document).ready(function(){
 $( 'a[href="https://www.mypage.com/my-page/details.jsp"]' ).bind( "click", function() {
   alert( "yoehoe" );
 });});

Alternatively, You can also use .on() with .click if dom is generated dynamically.like this:

$(document).on("click",'a[href="https://www.mypage.com/my-page/details.jsp"]',function()     {
 alert( "yoehoe" );
});

answered Mar 21, 2014 at 12:19

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1