5

Создал код с использованием библиотеки jQuery. При запуске его на jsFiddle код работает, но при вставке с помощью тега "Фрагмент когда на JS/HTML/CSS" выдает ошибку в консоли: "message": "Script error."

Код:

$(document).ready(function() {

  $("#more").on("click", function() {
    $("ul").toggle();
  });

});
button {
  border: 0;
}

ul {
  display: none;
}
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

<input type="button" id="more" value="More..." />
<ul id="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

UPD: Протестировал в браузерах (OS: Win 7x64):

Google Chrome: 69.0.3497.100 (Официальная сборка), (64 бит) - error

Opera: 56.0.3051.43 - error

Firefox: 62.0.3 (64-бит) - work

IE 11: 11.0.9600.19137 - error

UPD 2: Похоже, баг с самим jQuery и потенциальной уязвимостью XSS кода песочницы. Если заменить версию библиотеки jQuery с 1.11.3 на 3.3.1 - пример заработает:

$(document).ready(function() {

  $("#more").on("click", function() {
    $("ul").toggle();
  });

});
button {
  border: 0;
}

ul {
  display: none;
}
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<input type="button" id="more" value="More..." />
<ul id="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

12
  • 1
    Здесь вроде бы работает.
    – αλεχολυτ Мод
    Commented 16 окт. 2018 в 14:10
  • @älёxölüt у меня (Google Chrome 69.0.3497.100) таки выдаёт ошибку, и совершенно непонятно чем она вызвана
    – Regent
    Commented 16 окт. 2018 в 14:14
  • В фаерфоксе работает, в хроме не работает
    – andreymal
    Commented 16 окт. 2018 в 16:52
  • В консольке написано Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
    – andreymal
    Commented 16 окт. 2018 в 16:53
  • Возможно, действительно, зависит от браузера. Сейчас посмотрю...
    – Kosmos
    Commented 16 окт. 2018 в 17:34
  • 1
    Да, это проблема с одной стороны в настройках iframe, для сниппетов, в котором по максимуму все ограничено, с другой стороны в jquery, который в некоторых случаях создает iframe для получения дефолтных значений, и из-за этого происходит ошибка.
    – Grundy Мод
    Commented 16 окт. 2018 в 20:24
  • 1
    раз и два
    – Grundy Мод
    Commented 16 окт. 2018 в 20:41
  • В общем, проблема похоже на интеграцию jQuery с sandbox сайта. Как понял, баг самого jQuery. Если же обновить версию с указанной в коде 1.11.3 на 3.3.1 - пример заработает.
    – Kosmos
    Commented 17 окт. 2018 в 10:05
  • Почему вопрос на мете? Он же должен быть на SO. Может перенесет кто-нибудь? Commented 19 окт. 2018 в 8:49
  • @AntonSorokin, Мета Stack Overflow на русском – это сайт, где участники обсуждают технические и организационные аспекты работы сайта Stack Overflow на русском. Мета отделена от главного сайта, чтобы сократить информационный шум на основном ресурсе, и одновременно обеспечить подходящее место для вопросов о том как и почему Stack Overflow на русском работает так, а не иначе. Мета предназначена для: [...] - для сообщений о дефектах или предложений по улучшению сайта и правил сообщества;[...] ru.stackoverflow.com/help/whats-meta
    – Kosmos
    Commented 19 окт. 2018 в 10:31
  • @Kosmos но разве проблема не в jQuery? Commented 19 окт. 2018 в 11:08
  • @AntonSorokin, с чего его переносить, если в нём о проблеме SO&
    – Qwertiy Мод
    Commented 23 окт. 2018 в 17:32

0

Войдите, чтобы ответить на этот вопрос.

Посмотрите другие вопросы с метками .