Jquery #id ul li a selection

0 
<div id="Day-events-content">
    <ul>
        <li>
            <time date="12-12-2013">
            <em>12-12-2013</em>
            <small>18:00</small>
            </time>
            <a href="#">EU driving</a>
            <p class="hidden">Lorem</p>
        </li>
    </ul>
</div>
</div>

$("#Day-events-content ul li a").click(function (event){
   alert('o');
});

Я хочу сделать простой toggle(), но код над ним не работает. Если я изменю # Day-events-content
он работает, если щелкнуть элементы в области id.

  • 1
    Это работает для меня: jsfiddle.net/qkmRV Что вы использовали для переключения элемента p?
  • 1
    <time> закрывается после <small> но что за </div> в конце? также используйте .toggle () вместо .click()
Показать ещё 7 комментариев
Теги:

2 ответа

0
Лучший ответ
$("#Day-events-content ul li a").click(function (event){
    $('p.hidden').toggle();
});
Поделиться
  • 0
    $ ("# Day-events-content") работает на моем локальном хосте. Когда я хочу $ ("# Day-events-content ul li a"), это не так. без понятия
  • 0
    Он работает на моем локальном хосте, когда он жестко запрограммирован, но когда JS создает список контента для Day-events, он не работает.
Показать ещё 1 комментарий
0

Сделай это:

$("#Day-events-content ul li a").click(function (event){
   $('.hidden').toggle();
});

Здесь скрипка

Поделиться
  • 0
    Двойная проверка - все еще не работает. В консоли я получаю - event.returnValue устарела. Пожалуйста, используйте вместо этого стандартный event.preventDefault (). // Весь html генерируется js.
  • 0
    ОК, это работает. вместо этого .click () -> .on ()

Ещё вопросы

Сообщество Overcoder
Наверх
Меню