以下代码工作.如果有更好的方法请让我知道.
如果我使用主页中test.html中出现的脚本内容,我正在加载test.html通过ajax.脚本不起作用
如果我使用主页中test.html中出现的脚本内容,我正在加载test.html通过ajax.脚本不起作用
<html>
<head>
<script src='jquerylocation' type='text/javascript'></script>
</head>
<body>
<div id='ajaxload'></div>
<button class='test'>load content via ajax</button>
</body>
<script>
$(function(){
$('.test').on('click',function(){
$('#ajaxload').load('test.html');
});
});
</script>
</html>
的test.html：
<h1 class='heading'>Page via AJAX</h1>
<script>
$(function(){
$('.heading').on('click',function(){
$(this).css('color','red');
});
});
</script>
我们必须通过ajax来加载脚本以及动态加载的内容,以满足您的需求.但是,我感到是每次我们发送一个jax请求脚本一直加载内容.但是我发现只有这个解决方案.如果有人知道更好的解决方案请回复.
例如,如果以这种方式改变代码,它将无法工作.
<html>
<head>
<script src='jquerylocation' type='text/javascript'></script>
</head>
<body>
<div id='ajaxload'></div>
<button class='test'>load content via ajax</button>
</body>
<script>
$(function(){
$('.test').on('click',function(){
$('#ajaxload').load('test.html');
});
$('.heading').on('click','red');
});
});
</script>
</html>
的test.html：
<h1 class='heading'>Page via AJAX</h1>
