Javascript 当页面通过AJAX加载到div中时,jQuery脚本不工作
我有一个main index.php,其中有几行数据库通过json显示。这些行中的每一行都包含一个按钮“查看详细信息”,该按钮执行ajax调用,以在index.php上名为“hidden”的空div中显示details.php。AJAX已成功执行,但Details.php包含一个jQuery幻灯片放映,该幻灯片放映在将AJAX加载到index.php时不起作用 我在index.php中的ajax调用如下:Javascript 当页面通过AJAX加载到div中时,jQuery脚本不工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个main index.php,其中有几行数据库通过json显示。这些行中的每一行都包含一个按钮“查看详细信息”,该按钮执行ajax调用,以在index.php上名为“hidden”的空div中显示details.php。AJAX已成功执行,但Details.php包含一个jQuery幻灯片放映,该幻灯片放映在将AJAX加载到index.php时不起作用 我在index.php中的ajax调用如下: function viewdets(int){ var v = new XMLHttpR
function viewdets(int){
var v = new XMLHttpRequest() ;
v.onreadystatechange = function() {
if((this.readyState == 4) && (this.status == 200)){
document.getElementById("hidden").innerHTML = this.responseText;
}};
v.open("GET", "filename" + int, true) ;
v.send() ;
}
以及details.php中的脚本:
<body>
<div id="slider">
<img src="img">
<img src="img">
<img src="img">
<img src="img">
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').cycle({
fx: 'scrollHorz',
next: '#next',
prev: '#prev',
timeout: 0
});
});
</script>
</body>
$(文档).ready(函数(){
$(“#滑块”)。循环({
fx:‘滚动人’,
下一个:“#下一个”,
上一页:“#上一页”,
超时:0
});
});
幻灯片显示良好,但jQuery不起作用。我意识到通过AJAX引入的脚本是个问题,但我对这些技术还不熟悉,所以我不知道为什么。非常感谢您的帮助。这是innerHTML的预期行为,您需要使用
eval
或类似的方法自己执行脚本。请参阅和其他类似问题。您是否在某处调用了viewdets方法?是的,它是在index.php@Ninja中的onclick按钮上调用的