calling a function in jquery issue

Question

hi, I am trying to call my function loadPopup() although failing using JQuery v1.3.2. any suggestions? many thanks,

$(this).find("a").each(function(i) {
    if ($(this).hasClass("selected") == false) {

        $(this).css("background-color", "#efefef");
        alert(1);
        loadPopup();
        alert(2);                     

    }
})

function loadPopup() {
    alert("");       
}

Answer 1

sorry, didnt paste the whole thing.

          $(this).find("a").each(function(i) {
              if ($(this).hasClass("selected") == false) {

                  $(this).css("background-color", "#efefef");
                  alert(1);
                  loadPopup();
                  alert(2);                     

              }
          })

Answer 2

If you're starting at the root looking for all <a> links, you should replace this:

$(this).find("a").each(function(i) {

with this:

$("a").each(function(i) {

And you can further slim it down by using selectors to your advantage. In this case combine the :not() with the .class selector to get all <a> without the class, like this:

$("a:not(.selected)").css("background-color", "#efefef").each(function() {
  loadPopup();
});

You can give it a try here.

Answer 3

It seems that you are not binding any event on the href. Thats the reason, even on click of the link, your loadPopup() is not being called.

I hope the following code can help you out :

$(this).find('A.selected').unbind('click').bind('click',function() { 
    loadPopup();

    });

You can place either $(this) in above code, if you are querying inside table row etc. collections or you can use directly : $('A.selected').unbind.....