2017-01-15 5 views
0

Derzeit on this site das Off-Canvas-Menü ist immer sichtbar für mobile und kleine Desktop-Bildschirme ... Kann mir jemand sagen, was ich falsch mache?Foundation aus Canvas Menü immer sichtbar auf Handy

Die Website wurde mit dem Joints WP-Thema basierend auf dem Zurb-Foundation-Framework erstellt.

Vielen Dank im Voraus, Adam

+0

ist es nicht klar, was Sie fragen ... – elicohenator

+0

Hallo elicohenator, danke für Ihren Kommentar. Meine Frage ist, wie kann ich verhindern, dass die Off-Canvas-Navigation auf Mobilgeräten nicht sichtbar ist und angezeigt wird, wenn auf den Menülink geklickt wird. Derzeit ist sie sichtbar, ohne auf den Menülink klicken zu müssen. Ich hoffe, das macht mehr Sinn. – Adam

Antwort

0

Sie haben den Fehler in der Konsole:

Uncaught TypeError: $ is not a function 

, dass Sie ein jQuery Problem und Foundation nutzt jQuery den (nicht relevant) Teil des zu verbergen schlägt Navigation auf kleinen/großen Bildschirmen.

Ich werde erraten, dass, wenn Sie dies ändern:

$(document).ready(function() { 
    var temp = ""; 
    $(':input').click(function() { 
     temp = $(this).attr('placeholder'); 
     $(this).attr('placeholder',''); 
     $(this).blur(function() { 
      $(this).attr('placeholder',temp); 
     }); 
    }); 
}); 

Um dies:

jQuery(document).ready(function() { 
    var temp = ""; 
    jQuery(':input').click(function() { 
     temp = jQuery(this).attr('placeholder'); 
     jQuery(this).attr('placeholder',''); 
     jQuery(this).blur(function() { 
      jQuery(this).attr('placeholder',temp); 
     }); 
    }); 
}); 

In script.js

Dinge funktionieren kann (obwohl ich die Gefräßigkeit nicht überprüft haben des Codes).

Werfen Sie einen Blick auf http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/ für weitere Informationen darüber, wie jQuery in Konflikten auftreten kann.

Verwandte Themen