使用append引用$ .getJSON（）内的对象

Question

我尝试获取一个json列表并附加

$.getJSON("url",
        function(data){
        $('#tbl').append("<li id="listitem">asd</li>);
        });

它有效但我无法使用

访问li对象

$("#listitem").hover( alert("Hover"); );

`

Answer 1

这应该有效

$("#listitem").hover( function() {alert("Hover");} );

hover需要匿名函数或回调。

Answer 2

尝试使用livequery插件。它应该有助于这些情况。尝试这样的事情：

$('#tbl').append("<li id="listitem">asd</li>).livequery( 'hover', doMagic() );

Answer 3

您还可以使用.on()方法。更多信息可以是found here。

$('#container').on('hover', '#listitem', function(){
     alert("Hover"); 
});

注意：#container应该是不会改变的父元素。

Answer 4

您可能无法访问li元素，因为您在不同范围内混合使用"，因此生成的字符串无效。

$('#tbl').append("<li id="listitem">asd</li>);

内部"分隔符应像\"那样转义

$('#tbl').append("<li id=\"listitem\">asd</li>);