Wordpress mobile nav menüsü: iPhone ve diğer mobil aygıtlarda tıklatıldığında menü görüntülenir, ancak iPad

Question

Bu yanıt veren menünün neden iPhone ve diğer tabletlerde doğru çalıştığını anlamaya çalışıyorum, ancak iPad'de değil. Telefonda, menü simgesini tıklattığınızda menü etkinleştirilir ve doğru şekilde açılır. Ancak iPad'de, menü simgesi tıklandığında hiçbir şey olmaz.

Bu alakalı html geçerli: menü ikonuna tıklandığında bir telefon olarak, (cihaz modu geçiş yaparak) tarayıcı geliştirici araçları aracılığıyla bu şu an

<a href="#" class="nav-toggle" aria-hidden="false">Menu</a> 
<nav id="nav" class="nav-collapse closed" aria-hidden="true" style="transition: max-height 250ms; position: absolute;"> 
    <ul id="topnav" class="menu"><li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item no-children menu-item-104"> 
    <a href="http://bigdogpyro.geeksweet.com/">Home</a></li> 
    ... 
    </ul></nav> 

, bu 'yakın değiştirir '' açık '' için ul etiketinde sınıf (ve sonra açılır menü görüntülenir), Ancak, bir tablet olarak, sınıf değişmez. (Bunu geliştirici araçlarını kullanarak Mac'imde Chrome'da test ediyorum - bu sorun genel olarak tabletlerde gösteriliyor, ancak sorun iPad'e özgü gibi görünüyor.)

Sanırım bu bir javascript sorunu, ama ben burada sorun giderme hakkında gitmek gerçekten emin değilim - javascript üzerinde kolu bu harika değil, ve Wordpress temasında javascript dosyaları küçültülmüş ve ayrıştırılması zor.

Ama yararlı olur, eğer burada sayfanın altbilgisinin dahil script:

<script> 
    var navigation = responsiveNav(".nav-collapse", { 
     label: "Menu", // String: Label for the navigation toggle 
     insert: "before", // String: Insert the toggle before or after the navigation 
    }); 
</script> 
<script>jQuery(document).ready(function($) 
{$('.expander').simpleexpand({'defaultTarget': '.sub-menu'});}); 

kimse Buna yol açabilecek neden bir ipucu var mı?

Answer 1

Tamam - Bir şeyi etkileyip etkilemediğini görmek için Wordpress eklentilerini tek tek stratejik olarak devre dışı bırakmaya başladım - ve öğeyi yapıştıran "Kaydırmalı Menü (veya Herhangi Bir Şey!") Adlı bir eklentiyi devre dışı bırakarak sorunu çözdüm. kaydırırken sayfanın üst kısmı.

Menüyü nasıl etkilediğinden tam olarak emin değilim, böylece tıklandığında (veya iPad'de neden gerçekleştiğinde) görünmüyordu, ancak cevabı aldığım için mutluyum.

Sorunun cevabını sileceğim çünkü bu çözümün başkalarına yardım edip etmeyeceğini bilmiyorum, özellikle de eklentinin nasıl bir şeyleri batırdığını tam olarak bilmediğim için ... soruları silme konusunda bir uyarı mesajı, bu yüzden sadece yeterince iyi bir şey bırakacağımı düşündüm.

Answer 2

Sitemizi (eski koddaki) http://bigdogpyro.geeksweet.com/ eski Samsung Tab 7.0 (Jellybean) ve Sony Z3 Compact Tablet (Lollipop) üzerinde test ettim. Yerel tarayıcıyı, Firefox Mobile ve Chrome'u kontrol ettim.

Mobil menüde bir sorun yok, harika çalışıyor.

Sorununuz, test platformunuza özgüdür. Sorunuzu test platformunuzu yansıtacak şekilde değiştirmenizi öneririm. Ayrıca, platforma özgü tuhaflıklar için Google'ı da kullanabilirsiniz (IOS oldukça fazla).