jquery - ulでJqueryホバー

Question

li要素を表示するul要素に基本的なホバーを作成しようとしています。私はここで何かを試しました: http://jsfiddle.net/ExWQp/3/

問題は、li 要素を別の要素に残すと、関数 mouseout がアクティブになることです。

これについて私を助けてもらえますか？ありがとう

Answer 1

$.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);
});

http://jsfiddle.net/userdude/ExWQp/6/

Answer 2

$('.ssmenu').hover(function () {
    $('.ssmenu li').fadeIn();        
},
function () {
    $('.ssmenu li').fadeOut();        
});    

$('.collections').bind('mouseover', function () {
    $('.ssmenu li').fadeIn();
});

http://jsfiddle.net/ExWQp/4/