Может кто-то помочь мне с этим? Когда документ загружается, он автоматически выводит предупреждение. Не когда класс 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>
Если вы хотите сделать что-то другое для каждого зависания:
$(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);
Просто:
$(document).ready(function(){
$('.b1, .b2').hover(function() {
alert("Hello world !");
});
})
alert
- ужасный выбор для использования в любых событиях мыши, которые не являются щелчками.hover()
, вы заметите, что делаете это неправильно.