为动态图像重新调用插件fs.zoomer插件的问题

时间:2015-04-16 18:06:19

标签: jquery html html5 plugins jquery-plugins

  • 我的Jquery代码,用于获取图像和添加ui-li-img tages:
$(document).ready(function() {
  $.ajax({
        url: "localpath/folder/",
        success: function(data){
        $(data).find("a:contains(.jpg)").each(function(){
        var images = $(this).attr("href");
        Array.push(images);
        });
        $('<ul id="imgul" />').appendTo('#imagesDiv');
   //here create dynamic ui-li-ima tage append to div
        for(var i=0;i<Array.length;i++)
        {
            $('<li>').append($('<img  class=""img-responsive/>').attr('src',"herepath" )).appendTo('#imgul');
        }
        });
       $(".demo .zoomer_basic").zoomer();// call plugin
     });
 function buttonClicked(){
  $("#imagesDiv").empty();
$(".demo .zoomer_basic .zoomer_tiled").empty();
  $.ajax({
        url: "localpath/folder-1/",
        success: function(data){
        $(data).find("a:contains(.jpg)").each(function(){
        var images = $(this).attr("href");
        Array.push(images);
        });
        $('<ul id="imgul" />').appendTo('#imagesDiv');
        for(var i=0;i<Array.length;i++)
        {
            $('<li>').append($('<img  class=""img-responsive/>').attr('src',"herepath" )).appendTo('#imgul');
        }
        }); 
     $(".demo .zoomer_basic").zoomer();//recall plugin
 }
  • 我的Html代码:
<script src="/jquery.fs.zoomer.js"></script>  
<div class="zoomer_basic" id="imagesDiv"></div>

按钮代码:

  • 这里的初始页面将图像向前推进,接下来,缩放控制工作正在进行中。
  • 这里我遇到的问题是,当我点击按钮并调用buttonClicked()函数加载其他图像然后缩放控件和插件控件不起作用只显示图像..我尝试查看fs.zoomer.js但可能是旧的图像效果以及如何从插件中删除它们。

0 个答案:

没有答案