日期:2014-05-16  浏览次数:20382 次

帮我看看这段jquery代码,错在哪里
<script type="text/javascript">
        $(function() {
            $("#btn").click(function() {
                $("#ul_test li").remove();
                $("#ul_test").append($("<li>aaaaaaaaaaa</li><li>bbbbbbbbbbbbb</li><li>cccccccccccc</li><li>ddddddddddddd</li>"));
            });

            $("#ul_test li").mouseenter(function() {
                $(this).css("background-color", "red").siblings().css("background-color", "#ffffff");
            })
        });
    </script>


    <input type="button" id="btn" />
    <ul id="ul_test"></ul>


为何li不变色呢?

------解决方案--------------------
$("#ul_test li").mouseenter(function() {
                $(this).css("background-color", "red").siblings().css("background-color", "#ffffff");
            }

这一串绑定事件的操作执行时,对象还未生成,不能直接绑定,改用on机制绑定在其父容器上。


<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
        $(function() {
            $("#btn").click(function() {
                $("#ul_test li").remove();
                $("#ul_test").append($("<li>aaaaaaaaaaa</li><li>bbbbbbbbbbbbb</li><li>cccccccccccc</li><li>ddddddddddddd</li>"));