写在append里的onclick事件在运行后点击没有反映

Question

<script type="text/javascript">
    $(document).ready(function () {
        var kv_num = 0;
        function nextKv() {
            alert("下一个");
            $(".control").attr("style", "pointer-events:none");
            kv_num++;
            if (kv_num == 4) { kv_num = 0; }
            $(".kv_pic").animate({ left: -1000 * kv_num }, { easing: 'easeInOutQuad', duration: 500, complete: function () {
                $(".control").attr("style", "pointer-events:auto");
            }
            });
            $(".kv_word>ul").stop().animate({ left: -340 * kv_num }, { easing: 'easeInOutQuad', duration: 800, complete: function () { } });
            $(".kv_dot ul li").removeClass("action").eq(kv_num).addClass("action");
        }
        function prevKv() {
            alert("上一个");
            $(".control").attr("style", "pointer-events:none");
            kv_num--;
            if (kv_num == -1) { kv_num = 3; }
            $(".kv_pic").animate({ left: -1000 * kv_num }, { easing: 'easeInOutQuad', duration: 500, complete: function () {

                $(".control").attr("style", "pointer-events:auto");
            }
            });
            $(".kv_word>ul").stop().animate({ left: -340 * kv_num }, { easing: 'easeInOutQuad', duration: 800, complete: function () { } });
        }
    });

　　$("#kv").append("</div><div class='control'><div class='prev'><img src='../../image/icons_move_left.jpg' onclick='prevKv();'/></div><div class='next'><img id='nextKv' src='../../image/icons_move_right.jpg' onclick='nextKv();'/></div></div>");
</script>

Answer 1

//onclick拿掉 $("#kv").append("</div><div class='control'><div class='prev'><img src='../../image/icons_move_left.jpg' /></div><div class='next'><img id='nextKv' src='../../image/icons_move_right.jpg' /></div></div>"); //$(document).ready加上這兩個 $(document).on('click', '.prev', function () { prevKv(); }) $(document).on('click', '.next', function () { nextKv(); }) 試試