jQuery导入代码片段并绑定事件

a.html

<div>
    <button class="button" >点我达</button>
</div>

b.html

<html>
<head>
    <script type="text/javascript" src="./js/jquery-1.0.1.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
    <div class="div"></div>
</body>

    <script type="text/javascript">
        var a = jQuery(".div");
        $(".div").load("http://localhost:8080/a.html", null, function (response,status,xhr) {
            if(status == "success") {
                alert("导入成功");
                $(".button").click(function () {
                    alert("绑定点击事件触发")
                })
            }
        });
    </script>
</html>

乱码和文件的编码也有关系

b.html通过jQuery导入a.html中的片段，然后给a.html中的button绑定点击事件。