console.log не работает

Question

console.log не работает

-3

Наверное, легкий. Когда я нажимаю кнопку отправки в форме, которую я создал, я должен видеть сообщение "щелкнуто" на моей консоли, но оно не появляется. Любые идеи, почему это происходит?

$("#button").on("click", function() {
  console.log("clicked");
  return false;
});

<div class="col-md-8">
  <form>
    <div class="form-group">
      <label for="name" class="sr-only">Name</label>
      <input type="text" class="form-control" id="name" placeholder="Your name here" maxlength="20">
    </div>
    <div class="form-group">
      <label for="email" class="sr-only">Email</label>
      <input type="email" class="form-control" id="email" placeholder="Your email here*" required="required">
    </div>
    <label for="textBox" class="sr-only">TextBox</label>
    <textarea class="form-control message-box" id="textBox" style="resize:none" cols="40" rows="5" placeholder="Your message here" minlength="20"></textarea>
    <button type="submit" class="btn btn-default" id="button">Submit</button>

  </form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

aptbs85 05 март 2016, в 23:31

Источник

1

Есть идеи, почему вы не добавили jQuery?
Praveen Kumar Purushothaman 05 март 2016, в 21:47
0

@aptbs85 aptbs85 Ваш код, по-видимому, отсутствует в $(document).ready(); вызов, и, таким образом, событие нажатия не будет связано с загрузкой страницы.
Daedalus 06 март 2016, в 00:05

Теги:

javascript

jquery

twitter-bootstrap

html

1 ответ

Ещё вопросы

Есть идеи, почему вы не добавили jQuery?
@aptbs85 aptbs85 Ваш код, по-видимому, отсутствует в $(document).ready(); вызов, и, таким образом, событие нажатия не будет связано с загрузкой страницы.

Praveen Kumar Purushothaman · Answer 1 · 2016-03-05T23-42-00.000Z

Функция $ определяется только jQuery. Для этого вам нужно включить jQuery.

$("#button").on("click", function() {
  console.log("clicked");
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-8">
  <form>
    <div class="form-group">
      <label for="name" class="sr-only">Name</label>
      <input type="text" class="form-control" id="name" placeholder="Your name here" maxlength="20">
    </div>
    <div class="form-group">
      <label for="email" class="sr-only">Email</label>
      <input type="email" class="form-control" id="email" placeholder="Your email here*" required="required">
    </div>
    <label for="textBox" class="sr-only">TextBox</label>
    <textarea class="form-control message-box" id="textBox" style="resize:none" cols="40" rows="5" placeholder="Your message here" minlength="20"></textarea>
    <button type="submit" class="btn btn-default" id="button">Submit</button>

  </form>

Здесь добавляется jQuery.

Спасибо за ваш ответ, jquery уже был добавлен внизу моего index.html, но я просто не скопировал его, я просто включил html, затронутый jq. Все еще не работает, хотя
@ aptbs85 Смотрите фрагмент. Это работает здесь. Таким образом, проблема не воспроизводима здесь, вы согласны?
@ aptbs85 Вы добавили свой код в $(function () {}) ?