Блог

Главная - Вопросы по программированию - JavaScript Zurb Foundation, похоже, не запускается

JavaScript Zurb Foundation, похоже, не запускается

#javascript #css #asp.net-core #zurb-foundation #zurb-foundation-6

#javascript #css #asp.net-core #zurb-foundation #zurb-foundation-6

Вопрос:

Я рассматриваю возможность работы с элементами управления Foundation в ASP.Net Ядро. Элементы управления, использующие JavaScript, не работают — они не выдают ошибок, но они не выполняют такие действия, как перемещение или выпадение. Другие элементы управления работают нормально.

Вот источник одного из них. Я добавил все библиотеки JavaScript, хотя на некоторые могут ссылаться другие. Элемент управления отображается, но не перемещается.

Я не знаю, чего не хватает, если только код не должен быть заключен в другие теги.

 <!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/Content/foundation.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
</head>
<body>
    <div class="slider" data-slider data-initial-start="50" data-end="100">
        <span class="slider-handle" data-slider-handle role="slider" tabindex="1"></span>
        <span class="slider-fill" data-slider-fill></span>
        <input type="hidden">
    </div>
    <script src="/Scripts/jquery-3.4.1.js"></script>

    <script src="/Scripts/foundation.js"></script>
<script src="/Scripts/plugins/foundation.core.js"></script>
<script src="/Scripts/plugins/foundation.slider.js"></script>
<script src="/Scripts/plugins/foundation.util.motion.js"></script>
<script src="/Scripts/plugins/foundation.util.triggers.js"></script>
<script src="/Scripts/plugins/foundation.util.keyboard.js"></script>
<script src="/Scripts/plugins/foundation.util.touch.js"></script>
<script src="/Scripts/plugins/foundation.accordionMenu.js"></script>
<script src="/Scripts/plugins/foundation.util.nest.js"></script>

    <script>
        $(document).foundation();
    </script>
    
</body>
</html>

Комментарии:

1. Мой браузер — Microsoft Edge. Элемент управления работает на сайте Zurb. В своем расследовании проблемы я просмотрел эту статью , но безуспешно

Ответ №1:

исправлено. Проблема заключалась в том, что я должен был просто связать с foundation.js . Однако «no-js» не требуется, но вам нужно добавить «$ (document).foundation();» в ваш исходный файл непосредственно перед тегом, как у меня выше.