在动态生成的内容上应用Shadowbox.js
Applying Shadowbox.js on dynamically generated content
我正在使用shadowbox.js来显示图像库。
为此,我们必须生成类似的html
<a href="images/Ganesha3602.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>
<a href="images/original.jpg" rel="shadow[my]"><img src="images/thumb.jpg" alt="Second" title="Second image" /></a>
<a href="images/original.jpg" rel="shadowbox[my]"><img src="images/thumb.jpg" alt="First" title="First image" /></a>
然后在身体负荷上施加CCD_ 1。当上面的html是静态的时,它就像一个魅力。但当我使用$.ajax
动态生成它并在成功时调用Shadowbox.init()
时;阴影框不起作用。我还试着在完成时调用Shadowbox.init()
。
我的代码是这样的:
$(document).on('click','#load_posts_comments',function(){
$.ajax({
url:"post_comment_json.php",
type: "POST",
dataType: "json",
data:{user_id:"123"},
success: function(data){
load_posts_comments(data);
},
complete: function(){
Shadowbox.init();
}
});
});
我哪里错了?我查看了shadowbox网站,但没有关于动态加载内容的文档。我们将不胜感激。
您需要使用Shadowbox.clearCache();
和Shadowbox.setup();
重新初始化它
这里解释得更好:在jquery函数调用
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 跟踪在页面加载时应用内联样式的JavaScript
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 如果文本字段为空,则使用JavaScript应用CSS样式
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 从html创建一个指令,该指令按类名应用函数
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- Angularjs-utils高亮过滤器在搜索时破坏应用程序
- 在phonegap应用程序内部重定向不起作用
- 在动态生成的内容上应用Shadowbox.js