点击分区下拉功能不能在iPhone上工作

Question

编辑：事实证明，问题不一定是由于我的代码。当我点击导航栏中的链接时，它会转到除Chrome以外的每个浏览器上的mobile/folder/page.html。当我点击chrome中的链接时，出于某种原因它会打开到/mobile/#/mobile/folder/page.html，这就是为什么它不起作用。如果我直接进入该页面，它工作正常。有谁知道如何解决这个问题？

此代码适用于所有浏览器，适用于Android手机，但不适用于iphone。我曾尝试添加tap和touch，而不是onClick，切换而不是隐藏并显示，将onclick添加到css，并添加光标：指向css的指针，但我找不到解决方案。也许我错了，但我不确定。请帮忙！

https://jsfiddle.net/anthonyparrett7/0bmw79yw/

$(document).ready(function() { 
/* Question and Answer Dropdowns */  
$(".dropdown-link").click(function(e) {   
    e.preventDefault(); 
    var $div = $(this).next('.dropdown-container'); 
    $(".dropdown-container").not($div).hide(); 
    if ($div.is(":visible")) { 
     $div.hide() 
    } else { 
     $div.show(); 
    } 
}); 
$(document).click(function(e){ 
    var p = $(e.target).closest('.dropdown').length 
    if (!p) { 
      $(".dropdown-container").hide(); 
    } 
}); 
}); 

Answer 1

你是不是在页面加载正确调用函数。

尝试$(document).ready(function()启动它，而不是$(document).on("pageinit", "#page-container", function()

看到这个片断：

$(document).ready(function() { 
 
    $(".dropdown-link").click(function(e) { 
 
    var $div = $(this).next('.dropdown-container'); 
 
    $(".dropdown-container").not($div).hide(); 
 
    if ($div.is(":visible")) { 
 
     $div.hide() 
 
    } else { 
 
     $div.show(); 
 
    } 
 
    }); 
 
    $(document).click(function(e) { 
 
    var p = $(e.target).closest('.dropdown').length 
 
    if (!p) { 
 
     $(".dropdown-container").hide(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="dropdown-1" class="dropdown dropdown-processed"> 
 
    <div class="dropdown-link"> 
 
    <h4>What is a Question?</h4> 
 
    </div> 
 
    <div class="dropdown-container" style="display: none;"> 
 
    <p>Bla bla bla blablablabla words Ipsum</p> 
 
    </div> 
 
</div> 
 

 
<div id="dropdown-2" class="dropdown dropdown-processed"> 
 
    <div class="dropdown-link"> 
 
    <h4>What is a Question 2?</h4> 
 
    </div> 
 
    <div class="dropdown-container" style="display: none;"> 
 
    <p>Bla bla bla blablablabla words Ipsum</p> 
 
    </div> 
 
</div>

Answer 2

你试过simplier喜欢的东西：

$(document).ready(function() { 
    $(".dropdown-link").click(function(e) { 
     $(".dropdown-container").hide(); 
     $(this).next(".dropdown-container").toggle(); 
    }); 
    $(document).click(function(e) { 
     var p = $(e.target).closest('.dropdown').length 
     if (!p) { 
     $(".dropdown-container").hide(); 
     } 
    }); 
    });