javascript - 使用 jquery replace() 标记添加函数

Question

我有一个 jquery replace() 放入要附加函数的列表项。我不知道该怎么做。

function replaceListItems(){ $('ul.options').replaceWith('<ul class="options"><li class="btn"><img src="btn.png" /></li></ul>');}

这是我想附加的功能：

$("ul.options li").click(function(){myFunction()});

如果我在替换/创建列表项之前分配它，似乎它会被删除。

在此先感谢您的帮助！-m

Answer 1

代替：

$("ul.options li").click(function(){myFunction()});

和：

$("ul.options li").live('click',function(){myFunction()});

这样 jQuery 还将点击处理程序附加到替换/创建的元素。

参考：http ://api.jquery.com/live/

演示：http: //jsfiddle.net/CWH4D/

Answer 2

jsBin 演示

function replaceListItems(){     
  $('ul.options').replaceWith('<ul class="options"><li class="btn"><img src="http://placehold.it/40x40/cf5&text=BTN" /></li></ul>');       
}

$("ul.options").on('click','li',function(){  
  replaceListItems();   
});

更多信息：http ://api.jquery.com/on/