我的$(文档).on("点击")功能在我的首页上有效,但在ipad上查看则不在任何其他页面上

时间:2017-08-02 05:57:43

标签: javascript php jquery wordpress

这是我的代码,我通过识别并将其转换为点击功能而不是悬停来避免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");
    }
  });
}

0 个答案:

没有答案