li要素を表示するul要素に基本的なホバーを作成しようとしています。私はここで何かを試しました: http://jsfiddle.net/ExWQp/3/
問題は、li 要素を別の要素に残すと、関数 mouseout がアクティブになることです。
これについて私を助けてもらえますか?ありがとう
li要素を表示するul要素に基本的なホバーを作成しようとしています。私はここで何かを試しました: http://jsfiddle.net/ExWQp/3/
問題は、li 要素を別の要素に残すと、関数 mouseout がアクティブになることです。
これについて私を助けてもらえますか?ありがとう
$.mouseenter()
と$.mouseleave()
の代わりに$.mouseover()
とを使用し$.mouseout()
ます。
$(document).ready(function($) {
var $menulist = $('.ssmenu'),
$menuitems = $menulist.find('li'),
$colls = $('.collections');
var hoverin = function() {
$menulist.fadeIn();
};
var collenter = function() {
$menuitems.fadeIn();
};
var menuleave = function() {
$menuitems.fadeOut();
};
$menulist
.hover(hoverin, menuleave)
.bind('mouseleave', menuleave);
$colls.bind('mouseenter', collenter);
});
$('.ssmenu').hover(function () {
$('.ssmenu li').fadeIn();
},
function () {
$('.ssmenu li').fadeOut();
});
$('.collections').bind('mouseover', function () {
$('.ssmenu li').fadeIn();
});