Javascript 单击链接关闭工具提示;如何防止这种情况
我使用以下代码切换工具提示Javascript 单击链接关闭工具提示;如何防止这种情况,javascript,jquery,Javascript,Jquery,我使用以下代码切换工具提示 $('.call-out').toggle( function() { $(this).find('.tip').addClass('tip-position').fadeIn("fast"); }, function() { $(this).find('.tip').fadeOut("fast"); } ); 在my.tip中有一个包含一些锚的列表,如何防止单击其中一个链接时关闭提示 我试过使用。
$('.call-out').toggle(
function() {
$(this).find('.tip').addClass('tip-position').fadeIn("fast");
},
function() {
$(this).find('.tip').fadeOut("fast");
}
);
在my.tip中有一个包含一些锚的列表,如何防止单击其中一个链接时关闭提示
我试过使用。not();从调用中排除锚点,但这不起作用
$('.call-out').not('a').toggle(
function() {
$(this).find('.tip').addClass('tip-position').fadeIn("fast");
},
function() {
$(this).find('.tip').fadeOut("fast");
}
);
HTML示例
<div class='call-out w PMPB12UN'>
<div class='tip'>
<img src="images/graph/DFN2020MD-6.png" />
<p class="description">
xx
</p>
<ul class="bullet-blue-list">
<li><a href="/pip/PMPB12UN" target="_blank" title="xx">Product Information</a></li>
<li><a href="#" target="_blank" title="#">xx</a></li>
<li><a href="#" target="_blank" title="Buy online">Buy online</a></li>
</ul>
</div>
<div class='product_image'>
<img src="images/graph/DFN2020MD-6.png" />
</div>
<div class='label'>
<div class='top'>
<p class='title'>xx</p>
</div>
<div class='middle'>
</div>
<div class='bottom'>
<p class='package'>DFN2020MD-6</p>
</div>
</div>
</div>
xx
xx
DFN2020MD-6
谢谢 一种方法是在单击超链接时添加
event.stoppropagation
。这样子锚定上的单击事件不会传播到导致切换的父级
$('.call-out a').click(function(e){
e.stopPropagation();
});
只需注意,这个版本的toggle已被弃用,在jquery的后续版本中不受支持
见医生。对于将注册的最新事件,请单击事件并手动执行切换。它不再支持自己作为虚拟事件和2次回调