我有一个主index.php,其中有几行数据库通过json显示。这些行中的每一行都包含一个按钮"查看详细信息"执行ajax调用以在index.php上的空div中显示details.php,名为" hidden"。 AJAX成功执行,但Details.php包含一个jQuery幻灯片放映,但是当加载时将ajax放入index.php中。
我在index.php中的ajax调用是这样的:
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() ;
}
和detail.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>
幻灯片显示正常,但jQuery不起作用。我意识到通过AJAX引入的脚本是问题,但我是这些技术的新手,所以我不确定为什么。非常感谢任何帮助。