jQuery的绑定是冲突的

  • Z时代
  • 2024-01-10
  • 分类：问答

我将如何重写此代码，以便绑定不冲突？当我点击目标图片（以显示Youtube视频）时，我的悬停效果就会停止响应。jQuery的绑定是冲突的

<script type="text/javascript"> 
//to scale up on hover 
$('#videoandmapwrap').on({ 
    mouseenter: function() { 
     current_h = $(this, 'img')[0].height; 
     current_w = $(this, 'img')[0].width; 
     $(this).stop(true, false).animate({ 
      width: (current_w * 2.7), 
      height: (current_h * 2.7) 
     }, 900); 
    }, 
    mouseleave: function() { 
     $(this).stop(true, false).animate({ 
      width: current_w + 'px', 
      height: current_h + 'px' 
     }, 400); 
    } 
}, 'img'); 
//to reveal from behind placeholder picture 
    $('#videoandmapwrap').on("click","img",function(event){ 
    event.preventDefault(); 
     video = '<iframe class="piccon" width="200" height="200" src="'+ $(this).attr('data-video') +'"></iframe>'; 
     $(this).replaceWith(video); 
    }); 
    </script>

回答：

我觉得这行的，因为：

$(this).replaceWith(video);

基本上你与你创建的iframe更换#videoandmapwrap，所以你的原始内容及其所连接的事件都没有了。试着将视频弹出到另一个元素中，而不是您单击的那个元素上

以上是 jQuery的绑定是冲突的 的全部内容， 来源链接： utcz.com/qa/258015.html

回到顶部