Question

web前端 对js写入HTML的标签添加事件失败。

我有一个列表是从服务器获取的，数量不定，所以只能用 append（） 写入html中 然后我想对写入的这个列表添加一个滚动效果，使用另一个jquery插件 获取这个列表来实现。我的插件是onload后执行但是插件还是无法捕获，onload执行在append之前了吗？

Answer 1

插件要在append之后执行。 因为onload的时候你的列表还没有写入到html中，你的插件取不到你要滚动的元素。 在后台数据append进来之后执行插件就解决

Answer 2

要在动态数据获取及append()之后才能执行效果，如果是用ajax获取的数据，执行效果的方法还得在数据返回成功之后执行

追问

使用ajax 我怎么才能确保是append（）完成之后指向效果呢？

追答

ajax执行成功之后一般都有一个回调函数，callback之类的，你找找看，把执行的效果方法扔在这个方法后面（一般是append()）即可，

追问

ajax回调方法改成
append()
插件方法();
现在是可以了。但是不知道可靠吗。
JS是单线程？ append没执行完就不会执行插件方法()？
是不是我以前分开写的话是两个不同线程啊。总之非常感谢，如果能解答一下我线程的疑问就更好了。。。

追答

<script>
    //ajax
    $.ajax(function(){
        if(data.suc){
            callback(data); //数据获取成功执行append()操作
        }
    });
    function callback(data){
        var ctrl = [];
        var oDiv = $('.list');    //
        for(var i = 0; i<data.length; i++){
            ctrl += data[i].name;
        }
        oDiv.append(ctrl);    //将列表放入指定Div下
        //这里执行效果的方法
    }
    //明白没？
</script>