Question

我对JQuery动态生成的内容有点问题。

我有这个页面：

http://velapazza.it/store/index.php/camicia-cotone-manica-lunga/camicia-cotone-modello-101.html

我使用JQueryZoom（来自Jack Moore），它运行正常。问题是当我点击缩略图......用JQuery我将主照片替换为点击的照片（使用 html（）方法），缩放不起作用。

我正在使用JQuery 1.9.1版本，正如您所知，它不支持 live（）方法;而不是我使用on（）方法，但似乎没有任何工作....

任何人都可以帮助我？

提前致谢

L：）

Answer 1

一旦更换后，你是否将变焦镜头绑定到img上？我建议您在单击缩略图时从原件中删除缩放元素，然后在替换图像后将其绑定：

$('#example').trigger('zoom.destroy'); // remove zoom
$('#example').zoom(); // add zoom

Answer 2

如果您按照给定示例执行缩放。即文件就绪状态。将其更改为悬停在您的图片或div上，如下所示

$(".your-div or img").hover(function(){
  $('a.photo').zoom({url: 'photo-big.jpg'});
});

Answer 3

如果动态添加元素，我建议在文档中使用on（）：

$(document).on("click", ".container .image" . function(){
    ....
});

如果稍后添加了匹配选择器事件的元素，这将激活该操作。

要在加载时应用插件，您应该将实例例程添加到ajax加载：

$.ajax({ type: "GET",   
     url: "your provider",   
     async: true,
     success : function(text)
     {
         ....
         jQuery(text).appendTo(container); 

         newElement.pluginName();
     }
});

动态生成内容的jquery

3 个答案: