我製作了一個彈出菜單,可以在點擊時切換。我想保留此功能,但也要添加單擊頁面內任何其他位置以刪除該類的功能。Jquery Popup - 如何在切換事件旁邊模糊或移除
任何幫助將不勝感激。見下面
HTML代碼和演示
<div class="tree-wrapper">
<div class="example-wrapper">
<a href="#" class="toggle-popup">Toggle</a>
</div>
<span id="popup">
<ol>
<li class="new-folder"><a href="#">New Folder</a></li>
<li class="delete"><a href="#">Delete</a></li>
<li><a href="#">Rename</a></li>
<li><a href="#">Cut</a></li>
<li><a href="#">Copy</a></li>
<li class="disabled"><a href="#">Paste</a></li>
</ol>
</span>
</div>
JS
var popupToggle = $(".tree-wrapper .toggle-popup");
$(function() {
popupToggle.click(function(e) {
var popupToggleLink = $(this);
e.preventDefault();
popupToggleLink.toggleClass("open");
popupToggleLink.closest(".tree-wrapper").find("#popup").toggleClass("open").css('left',e.pageX).css('top',e.pageY);
});
});
CSS
#popup {
display: none;
}
#popup.open {
display: block;
}
你的榜樣的工作,但它不容許樹包裝專區內去除之類的。 – 2ne
它不會從開關中刪除開放類 – 2ne
@ Parallel2ne:我更新了代碼。它現在從兩者中刪除課程。 –