Создал код с использованием библиотеки 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>
Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
iframe
для получения дефолтных значений, и из-за этого происходит ошибка.