Question

我在根文件夹，index.html和try.html中有2个html页面（将加载到索引的div（#content））。第一步，当我点击index.html的Button 01时，它会成功地在index.html的div中加载try.html。但是，当我进一步点击try.html的按钮（现在加载到index.html的div中）时，它不会正常执行函数并在事件发生之前执行它。现在我想在正确的事件上访问try.html的按钮，我能为此做些什么？

正如我所尝试的那样，它在实际事件之前执行。（以下代码）

http://pastebin.com/RGcXGFXY
相关代码：

$('document').ready(function(){

    $('#myBtn').click(function(){
        $('#content').load('try.html');
        $('#myBtn2').click(alert('It Works'));
    });    
});

Answer 1

你应该正确编写#myBtn2的点击处理程序

$('#myBtn2').click(function() { 
  alert('It Works');
});

实际上它甚至可以在第一个#myBtn点击处理程序之外，

$('#myBtn').click(function(){
   $('#content').load('try.html');
});

$(document).on('click', '#myBtn2', function(){
   alert('It Works')
});

更多请参阅jQuery.on method

jQuery load（）方法冲突

1 个答案: