Расположение Промежутка Диспетчер jQuery

Я пытаюсь найти код jQuery, который управляет элементом промежутка в моем шаблоне.

Например:

  • , На который класс открывает информационное окно, когда колеблется.

Как я могу найти код jQuery, который касается этого в моем шаблоне, используя Хром и в том, какой файл это проживает?

0
nl ja de

3 ответы

ПопытайтесьиспользоватьVisualEvent2

Визуальное Событие - JavaScript с открытым исходным кодом bookmarklet, который обеспечивает отладочную информацию о событиях, которые были присоединены к элементам DOM. Визуальные шоу Событий:

  • , Каким элементам приложили события к ним
  • тип событий, приложенных к элементу
  • код, которым будут управлять с событием, вызывается
  • исходный файл и номер строки для того, где приложенная функция была определена (только браузеры WebKit и Opera)
4
добавлено
спасибо m8.. но Matthew' s ответ был, что я искал, потому что я работаю с Хромом dev инструменты
добавлено автор TonalDev, источник
@Syon - Спасибо за связь. I' ve добавил его к моему хрому. Хороший!
добавлено автор Matthew Davis, источник

Ответ от Мэтью Дэвиса будет работать, когда вы сможете перерыть свой код для id (например, "#ccontent") рассматриваемый, но не будете работать также, когда элемент косвенно упомянут, например, классом или типом элемента.

Визуальные События bookmarklet также помогут вам, но иногда это будет просто перечислять уменьшенный код jQuery для события, которое связано с элементом.

Делая mouseover или что-то еще, что приводит к изменению DOM или изменению признака вещи, вы толпитесь, и первые два (легче!) варианты терпят неудачу, можно попробовать следующее:

  • Go into the Elements tab of the Chrome Developer tools (CTRL+SHIFT+I).
  • If you are interested in tracking the attributes changing of an element, right click on it and click "Break On > Attributes modifications":

AttribModification

  • If you are interested in something changing in the DOM (e.g. a modal appearing), right click on the body of the document, or the relevant container div, and click "Break On > Subtree modifications":

SubtreeModification

  • Тогда делает ваш mouseover или вызывает любое событие, которым вы интересуетесь на элементе.
  • , который Хромовый Отладчик должен начать, и на правой стороне является Стеком вызовов:

CallStack

  • , который можно нажать на различные пункты в стеке вызовов, чтобы видеть, где требование было вызвано во вкладке Source.
1
добавлено
хорошо объясненный!thank you!
добавлено автор TonalDev, источник

В Хроме щелкните правой кнопкой мыши и выберите, "Осматривают Элемент", чтобы открыть вашего инспектора. На Mac можно использовать Команду + Выбор + я

После той вкладки Resources щелчка, затем Команда + F (снова, Mac, не уверенный в PC). Напечатайте содержание в окно поиска, и вы будете видеть количество ссылок на то имя класса. Щелкните через, пока вы не видите всех мест в своем коде, где он упоминается.

1
добавлено
Только крушение состоит в том если they' ре, выбирающее тот промежуток через пересечение DOM как $ (' #divID') .find (' span') или $ (этот) .prev() , и т.д.
добавлено автор Syon, источник
Syon, настолько очень верный, и я делаю это МНОГО. Мне нравится универсальный код за повторное использование, но из-за этого действительно сложно следовать иногда.
добавлено автор Matthew Davis, источник
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing