首頁手記 jQuery給動態生成元素綁定事件

jQuery給動態生成元素綁定事件

標簽：

JQuery

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <style>
        .cloumn{width:200px; background:#dedede;}
    </style>
</head>
<body>
     <div id="jobsAll">

     </div>
    <script>
        for (var i=0;i<6;i++){
            var str = '<div class="job">'+
                '<div class="jobTitle">myJob'+i+'</div>'+
                '<div class="jobMsg">我是中国人我是中国人我是中国人我是中国人我是中国人我是中国人</div>'+
            '</div>'
            if(i%3){
                var oBox='<div class="cloumn">'+str+'</div>';
            }
            $("#jobsAll").append(str);
        }

        $("#jobsAll").on("click",".jobTitle",function(){
            alert($(this).html());
        })
    </script>
</body>
</html>

點擊查看更多內容