можете ли вы рассказать мне, как разработчик проверяет многие вещи на консоли, выбирая некоторый код на консоли и нажав enter.
Я также начинаю делать, но не могу достичь цели.
Сначала я беру кнопку на скрипке
<button id="test">test</button>
.
write these instruction on console.
$('#test')
null
$('#test').click(function(){)
SyntaxError: Unexpected token )
$('#test').click(function(){alert('---')})
TypeError: Cannot call method 'click' of null
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery-1.9.1.js:3345
$('#test').click(function(){alert('---')})
TypeError: Cannot call method 'click' of null
Как уже упоминал Митч, jQuery не загружается на jsFiddle. Таким образом, вы не сможете использовать jQuery в инструментах разработчика.
Другая проблема, с которой вы сталкиваетесь, заключается в том, что ваше окно вывода содержится в iFrame. Мало того, это другой домен, который вызывает проблемы безопасности. ДАЖЕ, если jQuery WAS загружен, если вы попытаетесь получить доступ к $('#test')
, вы увидите ошибку, например:
SecurityError: Failed to read the 'contentDocument' property from
'HTMLIFrameElement': Blocked a frame with origin "http://jsfiddle.net" from
accessing a cross-origin frame.
Итак, как мы это решаем? Когда вы откроете Developer Tools, вы захотите сделать следующее:
1) В Инструментах разработчика введите следующее: document.getElementsByTagName('iframe')[0].src
Это вернет URL (что-то вроде: " http://fiddle.jshell.net/MYA32/show/ ") на вашу страницу скриптов. Если вы его не видите, значит, вы не сохранили свою скрипку.
2) Откройте этот URL в новом окне.
Здесь включен jsfiddle с jQuery. Теперь вы должны использовать jQuery! http://fiddle.jshell.net/MYA32/show/
Кстати, вы можете заметить, что URL-адрес iFrame является одним и тем же форматом для всех (только материал между fiddle.jshell.net и отображением изменений. Это должно помочь вам быстро открыть выходные данные в будущем.
Согласно этому ответу, JSFiddle использует MooTools, а не JQuery, что может быть подтверждено проверкой источников, загруженных веб-сайтом. Это означает, что ваши вызовы $ function не вызывают функции jquery, которые вы ожидаете, и поэтому результаты не то, на что вы надеетесь.