JQuery функция парения не функционирует должным образом

я понятия не имею, почему это немного JQuery не будет работать с моим кодом - здесь:JQuery функция парения не функционирует должным образом

$(document).ready(function() { 
$(".dl").hover(function (u) { 
     $(".pdf:hover").show(); 
    }, 
    function (u) { 
     $(".pdf:hover").hide(); 
    }); 
});

Он должен сделать так, чтобы, когда я наведите курсор мыши. dl:

.dl { 
    font-size: .6em; 
    color: #fff; 
    white-space: nowrap; 
    padding: 0; 
    margin: -78px 0 0 63%; 
    text-align: left; 
} 

.dl a, a:active, a:visited { 
    color: #fff; 
} 

.dl a:hover { 
    color: #33b5e5; 
}

.pdf: наведите указатели, нет?

.pdf { 
    background: url("images/ref_button.png") no-repeat; 
    background-size: 100%; 
    height: 115px; 
    max-height: 115px; 
    width: 101px; 
    max-width: 101px; 
    padding: 0; 
    margin: -120px 0 0 45%; 
    display: block; 
} 

.pdf:hover { 
    background: url("images/ref_button_hover.png") no-repeat; 
    background-size: 100%; 
    height: 115px; 
    max-height: 115px; 
    width: 101px; 
    max-width: 101px; 
    display: block; 
}

Наведение работает нормально, это только бит jquery, который не будет работать. Какие-либо предложения? Единственное, о чем я могу думать, это то, что: hover на классе .pdf - это то, что его нарушает, но я попробовал его с совершенно отдельным классом .pdfhover, и он все еще не работал, так что, возможно, не ... gah!

Любая помощь будет оценена! Спасибо!

источник

2013-05-31 shanling

У вас уже есть событие качания, не нужно писать '$ (". Pdf: hover ")' only write '$ (". Pdf ")' Вот оно! – webGautam

Ahh Sudhir сказал то же самое, но моя проблема немного другая ... .pdf имеет изображение на нем, и когда я наводил на .pdf, появляется другое изображение (в .pdf: hover). Мне просто нужно это, когда я наводил на .dl (это всего лишь текст) .pdf: появляется зависание! Спасибо за быстрый ответ! – shanling

изменение:

$(".pdf:hover").show();

$(".pdf").show(); //similar change for hide() too

Update Вы можете сделать класс pdfhover для висения в PDF, как,

.pdfhover { 
    background: url("images/ref_button_hover.png") no-repeat; 
    background-size: 100%; 
    height: 115px; 
    max-height: 115px; 
    width: 101px; 
    max-width: 101px; 
    display: block; 
}

и делать,

$(".dl").hover(function (u) { 
     $(".pdf").addClass("pdfhover"); 
    }, 
    function (u) { 
     $(".pdf").removeClass("pdfhover"); 
    });

источник

2013-05-31 07:33:27

Ах, извините, я должен был поместить исходный .pdf-код в главный пост, теперь я его отредактирую - это просто заставляет исходное изображение исчезнуть, когда я не вишу над .dl. Мне нужно изображение из .pdf: наведите курсор на оригинальное .pdf-изображение, когда я наводил на .dl! Спасибо за быстрый ответ! – shanling

@shanling см. Мой добавленный код, вы имели в виду что-то вроде этого. –

Я пробовал это, и теперь, когда я нависаю над .pdf, ничего не происходит, и когда я нависаю над .dl .pdfhover, не появляется :( – shanling

Его отрицательный запас, который беспорядок ... удаляет те, и он работает. Fiddle был в чистом JS ... также убедитесь, что JQuery Library передана.

источник

2013-05-31 09:28:02 user2239256

JQuery функция парения не функционирует должным образом

ответ

Смежные вопросы