jquery якорь наведите курсор на посещенные вкладки изображений - PullRequest
Новая
       27

jquery якорь наведите курсор на посещенные вкладки изображений

1 голос
/ 02 декабря 2011

Я создаю вкладки «Изображения» с помощью jquery, и я не использую здесь CSS. Я использую якоря <a>

Когда пользователь наводит курсор на якорь, т.е. фокусируется на <a>, он должен срабатыватьчто-то, но это не работает 

<div class="container">
    <div class="TabMenu">
        <span><a href="#"><img src="images/A.png"></a></span>
        <span><a href="#"><img src="images/B.png"></a></span>
        <span><a href="#"><img src="images/C.png"></a></span>
    </div>
</div>

Я пытался работать с JQuery, но это не работает, вот код для JQuery 

$(".container .TabMenu span a").click(function(){
 alert("Click working");
});

Есть ли код, где якоря становятся зависать,посещенный, активный 

$(".container .TabMenu span a:visited").(function(){
 alert("You have visited");
});

$(".container .TabMenu span a:hover").(function(){
 alert("Hover working");
});

$(".container .TabMenu span a:active").(function(){
 alert("Hover working");
});

Существует ли какой-либо специальный функциональный код для привязки ..

и не используют функцию наведения мыши в jquery , и я знаю, что выше 3 код привязкине правы.

1 Ответ

0 голосов
/ 02 декабря 2011

Чтобы выполнить код при наведении, вы можете использовать методы mouseenter () и mouseleave () или метод hover (): 

$(".container .TabMenu span a").mouseenter(function() {
    alert("hover start")
});

$(".container .TabMenu span a").mouseleave(function() {
    alert("hover end")
});

$(".container .TabMenu span a").hover(function() {
    alert("hover start")
}, function() {
    alert("hover end")
});
...