VPF::end() в цепоцке вызовов jQuery - Форум программистов

JAYBE

Дата 19.10.2012, 11:51 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: -1
Всего: 0

Почему-то не работает end() в цепочке вызовов. Подскажите, в чем проблема
CSS-стиль:

Код


#accordion {
    width:100%;
}
.accordion {
    float: left;
    max-width: 100%;
    min-width:33%;
}
.accordion>dd {
    display: none;
}
.accordion>:first-child+dd {
    display: block;
}

HTML-разметка:

Код


<div class="accordion">
    <dt class="active">Секция #1</dt>
    <dd>Текст для секции #1</dd>
    <dt>Секция #2</dt>
    <dd>Текст для секции #2</dd>
    <dt>Секция #3</dt>
    <dd>Текст для секции #3</dd>
</div>

JS-код:

Код


$(window).ready(function() {
    $(".accordion").on("click", "dt", function() {
     var $this = $(this);
     $this.siblings(".active").removeClass("active").next().slideUp()    
          .end().addClass("active").next().slideDown();
    })
});

Это сообщение отредактировал(а) Aliance - 19.10.2012, 13:07

Aliance

Дата 19.10.2012, 13:13 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Потому что в вашем примере end() отменяет вызов next(), а вы ожидаете отмены вызова siblings(). Либо написать два раза end() ( .end().end() ), либо, что более уместно по моему мнению, написать так:

Код


$(".accordion").on("click", "dt", function() {
    var $this = $(this);
    $this.siblings(".active")
        .removeClass("active")
        .next()
        .slideUp();
    $this.addClass("active")
        .next()
        .slideDown();
})

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

JAYBE

Дата 19.10.2012, 16:36 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: -1
Всего: 0

Спасибо.
А как желательно использовать) трудности не возникает в любом из случаевв, но все же: что работает шустрее?

Aliance

Дата 19.10.2012, 17:00 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 7
Всего: 137

Я уже написал как я считаю использовать лучше. На счет производительности не берусь сказать, но если мыслить логически (меньше вызовов функций end()), то как минимум мой вариант точно не медленнее. А вот быстрее ли - не знаю.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »