javascript - 在javascript中将值获取到动态变量中的问题

Question

selectedsong div 有不同的链接与不同的 rel=""... 问题是...

我正在使用它：

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,
}

问题是，在第一次单击时它可以正常工作，但是当#selectedsong 内容发生变化时， selectedBtn = $('#selectedsong a'); 不能正常工作，因为 selectedBtn.click(function() 不起作用:'(

非常感谢你！

Answer 1

采用

$('#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...');

}

随着您的 HTML 内容发生变化，您需要使用事件委托。

阅读更多关于.on()

Answer 2

我认为问题在于您更改了 html inside #selectedsong，并且从中删除了您的<a>标签，而这正是您要对其进行选择的内容，是<a>inside 的标签#selectedsong。也许您可以尝试只选择#selectedsong而不是锚标签？或者当你更改 html 时，更改 .html 的 html #selectedsong a。