求助slidesjs这个插件的问题

ogoss 2014-10-30 12:18:22
最近项目用到了slidesjs这个轮播的jquery插件 这个插件的地址是http://slidesjs.com/

现在出现一个问题,当我用jquery操作dom,更新轮播图片的时候,该插件无效,请问有使用过的大神,该如何解决。附上代码

<div id="slides">
<ul>
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/1.jpg" alt="" /></li>
<li><img src="images/1.jpg" alt="" /></li>
</ul>
</div>
<div id=""refresh">更新</div>


$('#slides').slidesjs({}) //轮播初始化 此处能正确显示图片,进行轮播

// 更新图片
$('#refresh).click(function(){
$('#slides').empty();
var content = "";
content += '<ul>';
content += '<li><img src="images/2.jpg" alt="" /></li>';
content += '<li><img src="images/2.jpg" alt="" /></li>';
content += '<li><img src="images/2.jpg" alt="" /></li>';
content += '<li><img src="images/2.jpg" alt="" /></li>';
content += '</ul>';
$('#slides').append(content);

$('#slides').slidesjs({}); //再次初始化轮播,此处失效
})

...全文
106 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
ogoss 2014-10-30
  • 打赏
  • 举报
回复
调试了一下,这次成功,谢谢帮助。
Go 旅城通票 2014-10-30
  • 打赏
  • 举报
回复
它的代码加了放置重复初始化的判断,要去掉存储的值 return $.fn[pluginName] = function(options) { return this.each(function() { if (!$.data(this, "plugin_" + pluginName)) { return $.data(this, "plugin_" + pluginName, new Plugin(this, options)); } }); }; $('#refresh').click(function () { $('#slides').empty(); var content = ""; content += '<ul>'; content += '<li><img src="2.jpg" alt="" /></li>'; content += '<li><img src="2.jpg" alt="" /></li>'; content += '<li><img src="2.jpg" alt="" /></li>'; content += '<li><img src="2.jpg" alt="" /></li>'; content += '</ul>'; $('#slides').append(content); $('#slides').data('plugin_slidesjs', false) $('#slides').slidesjs({}); //再次初始化轮播,此处失效 });

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧