jQuery中子div的旁路/防止jQuery事件
jQuery中子div的旁路/防止jQuery事件
提问于 2015-12-26 17:58:24
在下面的代码中，我有一个链接，其div id是“my悬浮容器”。当用户悬停在这个链接上时，一个新的部分将包含slideDown链接，如"Hello“和"Login/Sign”。当用户点击“登录/注册”链接时，就会出现一个登录弹出(名为#modal)。
<div id="my-acc-container-c">
<a href="#"><h3>Hello Guest !</h3></a>
<a id="modal_trigger" href="#modal" class=""><h3>Login/Sign Up</h3></a>
<div id="modal" class="popupContainer" style="display:none;">
<!-- LOGIN POPUP -->
</div> <!-- end of #modal-->
</div> <!-- end of #my-acc-container-c--> 这里的jQuery是：
$('#my-acc-container-c').mouseenter(function(){
$('#my-acc-hover-container').slideDown(300);
$('#my-acc-container-c').css("height","200px");
});
$('#my-acc-container-c').mouseleave(function(){
$('#my-acc-hover-container').slideUp(300);
$('#my-acc-container-c').css("height","100%");
});但是，当用户单击“登录/注册”链接时，出现问题是，但只显示300 is。我认为这可能是因为#my是#my悬浮容器的一个子类。所以我想要的只是显示弹出窗口，但是隐藏#my悬浮容器。谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-12-26 18:07:13
<div id="my-acc-hover-container">
<a href="#"><h3>Hello Guest !</h3></a>
<a id="modal_trigger" href="#modal" class=""><h3>Login/Sign Up</h3></a>
</div> <!-- end of #my-acc-hover-container-->
<div id="modal" class="popupContainer" style="display:none;">
<!-- LOGIN POPUP -->
</div> <!-- end of #modal-->PFA Snippert。绑定#模式div分别与“我的-acc-悬停-容器”div将工作。
Stack Overflow用户
发布于 2015-12-26 18:09:09
https://jsfiddle.net/8L7xtojr/2/
只是把模态的全部内容附加到身体上。
$(document).ready(function(){
$('body').append($('#modal'));
});
$('#my-acc-container-c').mouseenter(function(){
$('#my-acc-hover-container').slideDown(300);
$('#my-acc-container-c').css("height","200px");
});
$('#my-acc-container-c').mouseleave(function(){
$('#my-acc-hover-container').slideUp(300);
$('#my-acc-container-c').css("height","100%");
});虽然流行音乐并不是在小提琴中打开，但内容却是从里面到最后的身体。您可以通过检查元素来检查它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34473796
复制相关文章
相似问题
腾讯云开发者
