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!

Answer 1

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();
    });
});