Issue with calling JavaScript in Jquery

Question

I am trying to call a function that is in javascript inside Jquery once a link is clicked. When I try and do this nothing happens.

Code:

function run(){
    var url = '/pcg/popups/grabnotes.php';
    showUrlInDialog(url);
}

$("#NotesAccessor").click(function () {
      run();
    });

PHP:

..
echo "<a href='#' id='NotesAccessor'>Click to access</a>";
..

Not to sure why, I check my calling in the debug and nothing gets called. From the run function it goes to a Jquery UI dialog that will open up. It just does not get to that point.

If you could give me a hand I would appreciate it!

How many elements have an id of NotesAccessor? Also, do you get any errors in your JS console? — Blender
– Blender, Commented Feb 9, 2013 at 22:33
Note that all of the (non-PHP) code that you show is JavaScript. There is no magic trick to "calling JavaScript in Jquery" because all of jQuery is JavaScript. — nnnnnn
– nnnnnn, Commented Feb 9, 2013 at 22:37

marty · Accepted Answer · 2013-02-09 22:39:00Z

4

Probably your DOM isn't loaded yet when you define the click event for $("#NotesAccessor"). Wrap your instruction in a $(document).ready handler:

$(document).ready(function() {
    $("#NotesAccessor").click(function () {
      run();
    });
});

answered Feb 9, 2013 at 22:39

marty

4,01724 silver badges19 bronze badges

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

Comments

BenMorel · Accepted Answer · 2014-01-05 16:28:01Z

0

Your problem could be because NotesAccessor is an anchor element. You can make NotesAccessor to be a div and with css you make look just like an anchor.

In the other hand you can call to a JavaScript function from an anchor directly something like:

<a href:'javascript:run()' >Click to access</a>

edited Jan 5, 2014 at 16:28

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Feb 9, 2013 at 22:43

Hector Romero

2622 silver badges7 bronze badges

Collectives™ on Stack Overflow

Issue with calling JavaScript in Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related