这是我的代码,我通过识别并将其转换为点击功能而不是悬停来避免ios上的悬停问题。菜单下拉菜单打开,当我在下拉列表外单击时,它会关闭。但它只适用于首页而不是任何其他页面。我不知道为什么。
这是一个链接,但要了解问题,你应该在横向视图上的ipad上打开它。点击菜单,看到打开的下拉菜单,然后在下拉列表外点击关闭,然后转到另一个页面,尝试做同样的事情。
http://heavenlysplendor.org/home
if((navigator.userAgent.match(/iPhone/i)) ||
(navigator.userAgent.match(/iPod/i)) ||
(navigator.userAgent.match(/iPad/i))) {
$(".dropdown").on("click", function () {
$dropdownContent.removeClass("dropdown-content-show");
var $clickedDropdownContainerElements = $(this);
var clickedDropdownContents =
$clickedDropdownContainerElements.find($dropdownContent);
clickedDropdownContents.addClass("dropdown-content-show");
});
$(document).on("click", function(event){
var $trigger = $(".dropdown");
if($trigger !== event.target &&
!$trigger.has(event.target).length){
$dropdownContent.removeClass("dropdown-content-show");
}
});
}