2014-09-18 2 views
0

Я использую масонство для организации макета фотографии, и он добавляет встроенные стили для позиционирования элементов. например.JQuery: Как выбрать div с определенным встроенным стилем, добавленным масонством (после pageload)?

<div class="iconicblock item" style="position: absolute; left: 0px; top: 402px;"> 

мне нужно применить стиль к каждому левому пункту (содержащий слева: 0px;)

UPDATE: Вопрос заключается в том, что стили будут добавлены позже масонства, и не признается. Эти два ответа ниже обычно должны работать:

$(".iconicblock[style*='left: 0px']") 

и

if($(this).css('left') == '0px') 

Но они не работают, когда стили были добавлены масонства. Любые идеи о том, как я могу настроить таргетинг на эти предметы?

ответ

0

Вместо

if($(this).css('style') == 'left: 0px') 

Try (Вы должны выбрать конкретную CSS не полный стиль)

if($(this).css('left') == '0px') 
+0

Да, я бы полностью ожидал, что это сработает, но это не так. Может быть, потому, что масонство вводит стили после pageload (или что-то еще)? –

+0

Я могу подтвердить, этот код идеально подходит для прямого HTML - он просто не подбирает стили, которые добавляет масонство. Есть идеи? –

+0

Я отметил это как правильный ответ, потому что этот код верен - мне просто нужно было применить его на HOVER вместо pageload (см. Мой ответ ниже) –

0

Ok проблема была с Кладка загружается после того, как все остальное (используя imagesloaded задержать Кладка из применяя до тех пор, пока все остальное).

Но, применяя его на «парить» вместо этого, он может распознать, внутренний стиль:

$(".iconicblock").hover(
function(){ 
if($(this).css('left') == '0px') $('.iconpopout',this).addClass('left'); 
} 
); 

(Здесь я применяю CSS для конкретного дочернего элемента DIV в вопросе)