jquery - 使用ajax创建的元素进行Ajax调用不会调用

IN下面的代码，使用ajax创建不适用于其他ajax

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".hi").click(function(){
        $.ajax({url: "demo_test.txt", success: function(result){
            $("#div1").html(result);
        }});
    });
});
$(document).ready(function(){
    $("button").click(function(){
        $.ajax({url: "demo_test.txt", success: function(result){
            $("#div1").html('<button class="hi">'+ result + '</button>');
        }});
    });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>

当我试图点击ajax创建的按钮时。并且没有显示任何回复..

使用ajax创建的元素进行Ajax调用不会调用

0 个答案: