Problems getting values into a dynamic variable in javascript

Question

selectedsong div has differents links with differents rel=""... and the problems is...

I'm using that:

selectedBtn = $('#selectedsong a');
selectedBtn.click(function()
{
    self.selectedsong($(this).attr('rel'));
    return false;
});

selectedsong: function(number)
{
    $('#selectedsong').html('new content with new links, rel, and more...');
    selectedBtn = $('#selectedsong a'); <---- THE PROBLEM IS HERE,
}

The problem is that, in the first click it works properly, but when the #selectedsong content change, selectedBtn = $('#selectedsong a'); don't work properly, because the selectedBtn.click(function() doesn't work :'(

Thank you very much!

You need to use .on api.jquery.com/on since you are modifying the .innerHTML. — Loktar
– Loktar, Commented Jun 16, 2012 at 18:00

Prasenjit Kumar Nag · Accepted Answer · 2012-06-16 18:07:18Z

1

Use

$('#selectedsong').on('click','a',function(e)
{
    e.preventDefault(); // prevent default behavior of anchor click

    self.selectedsong($(this).attr('rel'));

    //return false;  dont use return false as it does more work than you need
});
selectedsong: function(number) 
{
  $('#selectedsong').html('new content with new links, rel, and more...');

}

As your HTML content changes you need to use event delegation.

Comments

notbad.jpeg · Accepted Answer · 2012-06-16 18:04:07Z

0

I think the problem is that you changed the html inside #selectedsong, and that removed your <a> tag from it, and that's what you're trying to do a select on, is the <a> tag inside #selectedsong. Maybe you could try and just select #selectedsong instead of the anchor tag? Or when you change the html, change the html of #selectedsong a.

answered Jun 16, 2012 at 18:04

notbad.jpeg

3,3881 gold badge35 silver badges37 bronze badges

Collectives™ on Stack Overflow

Problems getting values into a dynamic variable in javascript

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