простой jQuery toggle () не работает

Question

простой jQuery toggle () не работает

0

У меня есть:

<style>
   #dom {display:none;}
</style>

<ul>
    <li><span id="adom">DOM related</span>
    <div id="dom">
      <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
      </ul>
    </div>
  </li>
</ul>

а также:

$(document).ready(function(){
  $("adom").click(function(){
    $("dom").toggle();
  });
});

но нажатие "Dom related" не переключает отображение #dom.

Вот jsFiddle

Steve 08 март 2014, в 05:46

Источник

3

Вы должны использовать селектор идентификатора . $("adom") пытается выбрать элемент с именем тега adom . Это объясняется в руководстве по jQuery о выборе элементов , которое вы должны прочитать :)
Felix Kling 08 март 2014, в 04:39
0

Красивый. Благодарю.
Steve 08 март 2014, в 04:41
0

$("#adom") вместо $("adom")
Arun P Johny 08 март 2014, в 04:41
0

@FelixKling: добавь ответ, и я выберу его, Феликс.
Steve 10 март 2014, в 03:00

Показать ещё 2 комментария

Теги:

jquery

2 ответа

Ещё вопросы

Вы должны использовать селектор идентификатора . $("adom") пытается выбрать элемент с именем тега adom . Это объясняется в руководстве по jQuery о выборе элементов , которое вы должны прочитать :)
@FelixKling: добавь ответ, и я выберу его, Феликс.

Kyo · Answer 1 · 2014-03-08T01-49-00.000Z

используйте # для селектора идентификаторов:

$(document).ready(function(){
  $("#adom").click(function(){
    $("#dom").toggle();
  });
});

Обновлен JSFiddle по адресу:

http://jsfiddle.net/XN6eh/2/

kamesh · Answer 2 · 2014-03-08T03-10-00.000Z

проблема в том, что вы не упомянули, что либо adom является.class, либо #id. Попробуйте это

$(document).ready(function(){
  $("#adom").click(function(){
    $("#dom").toggle();
  });
});

Почему ОП должен попробовать это? В чем проблема? Пожалуйста, объясните ваше решение.