點擊分區下拉功能不能在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(); 
     } 
    }); 
    });