Javascript jQuery：如何在现有事件处理程序（Cloud Zoom插件）上使用.live（）？

我不知道该如何恰当表达，所以请耐心听我说。我有一个jQuery，它如下所示：

jQuery(document).ready(function() {
  $('#main-image').live('mouseover', function() {
    $(this).wrap(function() {
      return '<a href=' + $(this).attr('src').replace(/\bproduct\b/, 'original') + ' class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4, position: \'inside\'">';
    });

  });
  $('#main-image').live('mouseout', function() {
    var link_element = $(this).closest('a');
    link_element.parent().append($(this));
    link_element.remove();
  });
});

jQuery（文档）.ready（函数（）{
$（“#主图像”）.live（'mouseover'，function（）{
$（this）.wrap（function（）{
return'并且它不喜欢我在这里绑定事件的方式调用在我的HTML中以静态方式进行，插件工作得很好。如果我将锚定标记动态添加到DOM中，cloud zoom将不起作用。我无法以静态方式进行调用的原因是我有一行照片，一旦你单击其中一张照片，它将转到主图像元素，在那里它被放大。此时，我希望cloud zoom将其绑定上面的JavaScript在围绕img标记动态地添加和删除自身方面非常有效，但是这对于cloud zoom来说不是个好兆头，因为cloud zoom中的事件处理程序可能会在DOM加载时将自身附加到锚标记上，而不是之后的任何一点

有没有办法解决这个问题，或者需要破解云缩放源代码才能包含某种jQuery.live（）功能？
查看
云缩放
源代码，他们确实使用了
.bind（）
，它当然只将处理程序绑定到现有元素。只需在主cloud zoom src中搜索并替换
。bind
，使用
。live
，一切都应该正常。
我认为您需要深入了解源代码：D。可能有一个自定义函数或调用cloud zoom插件将其功能添加到对象中。希望这能帮上忙。我确实试过了，运气不太好。
<img alt="foo" id="main-image" src="/assets/products/1051/product/Perspective_View-0.jpeg?1290039436">