Основа меню холста всегда видна на мобильном телефоне

Question

В настоящее время на этом сайте всегда доступно меню "вне холста" для мобильных и небольших настольных экранов... Кто-нибудь может сказать, что я делаю не так?

Сайт построен с использованием темы Joints WP на основе фреймворка Zurb Foundation.

Заранее спасибо, Адам

Answer 1

У вас есть ошибка в консоли:

Uncaught TypeError: $ is not a function

Это говорит о том, что у вас есть проблема с jQuery, и Foundation использует jQuery, чтобы скрыть (не релевантную) часть навигации на маленьких / больших экранах.

Я собираюсь догадаться, что если вы измените это:

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

К этому:

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);
        });
    });
});

В script.js

Все может работать (хотя я не проверял прожорливость кода).

Загляните на http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/ для получения дополнительной информации о том, как jQuery может столкнуться с конфликтами.