Javascript 使用ajax时的jQuery图像幻灯片放映转盘
我一直在尝试使用jQuery构建一个图像幻灯片放映/旋转木马，我发现它非常好，并且按照我想要的方式进行操作 我一直在研究如何在使用ajax方法时构建图像的幻灯片放映 我想从服务器上加载每个项目有六个图像，并以幻灯片/旋转木马的形式运行，就像您在“弹性转换”下单击第一个链接时看到的那样 我已经成功地使用ajax将图像添加到脚本中，但最后并没有幻灯片放映。我该怎么做？我现在看到的所有图像都在彼此下方，没有前进或后退按钮等 你能帮忙吗 HTMLJavascript 使用ajax时的jQuery图像幻灯片放映转盘,javascript,jquery,ajax,colorbox,Javascript,Jquery,Ajax,Colorbox,我一直在尝试使用jQuery构建一个图像幻灯片放映/旋转木马，我发现它非常好，并且按照我想要的方式进行操作 我一直在研究如何在使用ajax方法时构建图像的幻灯片放映 我想从服务器上加载每个项目有六个图像，并以幻灯片/旋转木马的形式运行，就像您在“弹性转换”下单击第一个链接时看到的那样 我已经成功地使用ajax将图像添加到脚本中，但最后并没有幻灯片放映。我该怎么做？我现在看到的所有图像都在彼此下方，没有前进或后退按钮等 你能帮忙吗 HTML <!DOCTYPE html> <ht
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<link rel="stylesheet" href="colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".ajax").colorbox();
});
</script>
</head>
<body>
<p><a class='ajax' href="../content/ajax.html">Outside HTML (Ajax)</a></p>
</body>
</html>
$（文档）.ready（函数（）{
$（“.ajax”）.colorbox（）；
});
<div>
<img class="gallery" src='/slide/content/ohoopee1.jpg'>
<img class="gallery" src='/slide/content/ohoopee2.jpg'>
<img class="gallery" src='/slide/content/ohoopee3.jpg'>
</div>
我建议使用ajax将标记添加到文档中，然后为这些元素分配并打开Colorbox 例如：
<div id='pictures' style='display:none'></div>
<script>
$('.ajax').on('click', function(e){
e.preventDefault();
$.ajax(this.href, {
success: function(html) {
$('#pictures').html(html).find('img').colorbox({href: function(){
return this.src;
}, open:true});
}
});
});
</script>
$（'.ajax'）。on（'click'，函数（e）{
e、 预防默认值（）；
$.ajax（this.href{
成功：函数（html）{
$（'#pictures'）.html（html）.find（'img'）.colorbox（{href:function（）{
返回此.src；
}，open:true}）；
}
});
});