Javascript брат и сестра - PullRequest
Новая
       25

Javascript брат и сестра

0 голосов
/ 19 марта 2012

Это связано с вопросом, который я задавал ранее: Вызов функции Javascript после загрузки страницы AJAX

По сути, до того, как все миниатюры были загружены динамически в один контейнер с именем #left_box,Используя приведенный ниже скрипт, я могу заставить его выделить один div из всех братьев и сестер. 

$('.thumbnail_small').live('click', function(){
    $(this)
        .css('border-color','#000')
        .siblings()
        .css('border-color','#ccc');
});

Однако, чтобы разместить новую функцию, мне пришлось разделить миниатюры на еще больше контейнеров, называемых .contain.В основном #left_box содержит серию .contain, которые содержат x количество миниатюр.Теперь, когда я нажимаю на миниатюру в одном .contain, он влияет только на братьев и сестер в этом контейнере, а не на больший контейнер #left_box.

Я пытался 

$('#left_box').on('click', '.thumbnail_small', function(){
    $(this)
        .css('border-color','#000')
        .siblings()
        .css('border-color','#ccc');
});

, но это нене работаетЕсть идеи?Заранее спасибо.

1 Ответ

1 голос
/ 19 марта 2012

Я бы предложил повторить ваш селектор, используя метод not для исключения текущего элемента: 

$('#left_box').on('click', '.thumbnail_small', function(){
    $(this).css('border-color','#000');
    $('#left_box .thumbnail_small').not(this).css('border-color','#ccc');
});

Это выберет все .thumbnail_small внутри вашего #left_box, исключаящелкнув один, затем применить CSS к остальным.

...