Отработка кода jQuery не номогу понять что не так?

Question

[именно самое]

Есть кнопка по которой должен вызываться код jQuery.

<button  id="test" type="button" class=" btn btn-default  navbar-btn" data-target="#test" data-toggle="modal"><a><i class="fa fa-hashtag" aria-hidden="true"></i> </a></button>

Код jQuery лежит тут

<script src="test.js"></script>

Сам код jQuery

var mytest ='

       <!-- HTML-код модального окна -->
<div class="modal fade"  tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Тестирование</h4>
      </div>
      <!-- Основное содержимое модального окна -->
      <div class="modal-body">
         <p>спасибо скрипту тест пройден.</p>
      </div>
      
    
  </div>
</div>
    </div>  


';

$('#test').on('click', mytest);

Не могу понять как jQuery понимает на какой селектор ему реагировать.?
Я имею в виду id же должно быть у кнопки что бы сработал скрипт? Или как У меня у модального окна?
Заранее благодарен.

Comments

[Евгений Вольф]

$('#test').on('clik', mytest);

У Вас тут ошибка в слове "click"...

[Евгений Вольф]

ID должен быть у того элемента, на который Вы будете кликать. При этом, что бы сам клик сработал - элемент должен быть виден (т.е. не hidden). Не важно какой именно это будет элемент, кнопка или слой или span или p и т.д.

[Dark Hole]

Евгений Вольф: у него дохрена ошибок, то что надо, посмеялся

[Евгений Вольф]

Dark Hole: ну... я честно говоря, особо не вчитывался :)

[Dark Hole]

Евгений Вольф: да вчитайтесь, заорете :))

[Евгений Вольф]

Dark Hole: :)))

[именно самое]

Евгений Вольф: исправил 'click', добавил кнопке id="test" не срабатывает.

[именно самое]

Dark Hole: Блин первыве 3 ошибки кроме click ))

[Евгений Вольф]

именно самое: возможно, проблема в том, что mytest - это переменная, а не функция-замыкание (или "функция обратного вызова", или - не функция вообще)?

[Евгений Вольф]

именно самое: выложите пожалуйста код на codepen.io. Так будет проще разобраться...

[именно самое]

Евгений Вольф: codepen.io/fantalimon/pen/dNpBaq?editors=1000

[Евгений Вольф]

именно самое: мне кажется, в Вашем примере никакой клик не работает... Я его подрадактировал чуть-чуть, на CSS можно не обращать внимания. Остальное - работает, в т.ч. и клик на кнопку и клик на BODY.

[именно самое]

Евгений Вольф: Я отмечу решением, но вот беда, я всё из вашего кода пена скопировал в свой код пен. И JS не отрабатывает. Хотя в вашем все работает нормально. Парадоксы!! Спасибо за помошь!

[Евгений Вольф]

именно самое: скорее всего, у Вас не работало т.к.:
1. Вы не подключили JQuery (на "коде пене")
2. Вы JS вписали не в секцию JS :)

п.1 - это наиболее вероятная проблема, п.2 - я не проверял как работает код внутри тега script... но, может быть работает как-то не так (конкретно на "коде пене") :)

[именно самое]

Евгений Вольф: а у тебя работать будет ?? посмотри пожалуйста. Потому что я из другого браузера зашел тоже не работает тупо скопированный код. codepen.io/fantalimon/pen/dNpBaq

[Евгений Вольф]

именно самое: Если подключить JQuery - то будет :)

[именно самое]

Евгений Вольф: прости меня-оленя но я даже не знаю куда клацать чтобы подключить) подскажи плиз

[именно самое]

Евгений Вольф: А минутка позора и я нашел вкладку где можно и Bootstrap ключить и jQuery Спасибо комарад. Скинь пример для отметки решением.

[Евгений Вольф]

именно самое: да леший с ним (с решением), можете отметить решением ответ ниже, я особо не гонюсь за "галочками" :) Единственное, что бы я дополнил к тому ответу, "click" - это не "действие", это "событие" :)

[именно самое]

Евгений Вольф: Спасибо ты мне очень помог.

[Евгений Вольф]

именно самое: не за что, обращайтесь :)

Answer 1

[Сёмка Гавриленко]

$('#test').on('click', mytest);
$('#test') Указывает на какой элемент реагировать
click на какое действие реагировать
mytest указывает какую функцию выполнить.