JQuery, если с hover, Как это работает

Question

JQuery, если с hover, Как это работает

0

Может кто-то помочь мне с этим? Когда документ загружается, он автоматически выводит предупреждение. Не когда класс b1 или b2 зависает. Как исправить это, чтобы сделать это, когда b1 или b2 зависает, чтобы затем сделать предупреждение?

Я уверен, что это связано с функцией document.ready, но я думал, что он не будет предупреждать, пока не будет инициирован оператор hover. Итак, как мне заставить его работать? Благодарю!

function hoverHere(){
    if($('.b1').hover()){
        alert('Hello World');
    };
    if($('.b2').hover()){
        alert('Hello World');
    };
}

$(document).ready(function(){
    hoverHere();
})

HTML

<section class="headings">
    <div class="b1">content</div>
    <div class="b2">content</div>
</section>

Chipe 25 май 2014, в 11:26

Источник

3

Вы делаете это не правильно. Вам необходимо привязать событие mouseover или mouseenter. Кроме того, alert - ужасный выбор для использования в любых событиях мыши, которые не являются щелчками.
ThiefMaster 25 май 2014, в 09:20
0

Я настоятельно рекомендую использовать этот API в качестве закладки. Если вы проверите документацию hover() , вы заметите, что делаете это неправильно.
KarelG 25 май 2014, в 09:23
0

Очевидно, я делаю это неправильно. Я заменю предупреждение другим кодом. Я просто пытаюсь заставить это работать. @ThiefMaster
Chipe 25 май 2014, в 09:29

Показать ещё 1 комментарий

Теги:

jquery

if-statement

2 ответа

3

Просто:

$(document).ready(function(){
    $('.b1, .b2').hover(function() {
        alert("Hello world !");
    }); 
})

Vincent Decaux 25 май 2014, в 06:26

Ещё вопросы

Вы делаете это не правильно. Вам необходимо привязать событие mouseover или mouseenter. Кроме того, alert - ужасный выбор для использования в любых событиях мыши, которые не являются щелчками.
Я настоятельно рекомендую использовать этот API в качестве закладки. Если вы проверите документацию hover() , вы заметите, что делаете это неправильно.
Очевидно, я делаю это неправильно. Я заменю предупреждение другим кодом. Я просто пытаюсь заставить это работать. @ThiefMaster

PeterKA · Accepted Answer · 2014-05-25T06-58-00.000Z

Если вы хотите сделать что-то другое для каждого зависания:

$(document).ready(function(){
    $('.b1').hover(function() {
        alert("Hello world ! - b1");
    }); 
    $('.b2').hover(function() {
        alert("Hello world ! - b2");
    }); 
});

Другой способ, которым вы могли бы это сделать:

function hoverHere(){
    $('.b1').hover(function() {
        alert("Hello world ! - b1");
    });
    $('.b2').hover(function() {
        alert("Hello world ! - b2");
    });
}

$(document).ready(hoverHere);

Спасибо. Я хочу сделать что-то другое с каждым парением. Это будет отлично работать!