Foundation 6 не может заставить jQuery работать в "шаблоне Zurb" - PullRequest
Новая
       62

Foundation 6 не может заставить jQuery работать в "шаблоне Zurb"

0 голосов
/ 03 августа 2020

Я пытаюсь перейти от использования базового c CSS Foundation к полному шаблону Zurb. Что-то, что я часто использовал в моем «basi c css» Foundation, было jQuery.

Однако мне очень трудно заставить это работать под шаблоном Zurb. Мое понимание явно неполное, и я пытаюсь учиться; однако я не могу найти конкретный c ответ на свой вопрос.

Вот текущая проблема:

На странице я хочу создать простой обработчик для кнопки с следующий синтаксис: 

$(document).ready(function() {
    $('#doHash').on('click', function() {
        var v = document.getElementById("stringToHash").value;
        console.log("hashing", v);
        $.ajax({
            // stuff
        }).done(function(data) {
            // stuff
        }).fail(function(data) {
            // stuff
        });
    });
});

Я включил это на страницу через: 

<script src="{{root}}assets/local/get-hash.js"></script>

Аналогичный шаблон работал на более простом сайте, но меня сбивает $ из jQuery прямо сейчас.

Основная ошибка: $ не определен.

Хорошо. Я пытаюсь добавить:

import $ from 'jquery'

вверху моего файла sr c, я получаю:

объявления импорта могут только появляться на верхнем уровне модуля

ЕСЛИ я распаковываю все так, чтобы оно было встроено javascript в нижнюю часть html И я добавляю импорт сценария CDN для jquery в свой документ, он работает.

Однако я думал, что

  1. jquery уже был включен Foundation (поскольку приложение js использует его)
  2. Мне не следовало чтобы распаковать javascript на мою html страницу, чтобы получить доступ к jquery (я должен?)

Прямо сейчас я просто запутался и мне нужен хороший указатель.

Спасибо. cwl

...