0

このフィドルリンクを見てください：http://jsfiddle.net/NQqbE/1/

ここに私のjQueryがあります:

$(document).ready(function(){
    $('#B h4').mouseover(function(){
        $('#C').slideDown();
    });

    $('#C').mouseleave(function(){
        $('#C').slideUp();
    }); 
});

私はすでに "div#B h4" からクリックして "div#C" をスライドダウンすることに成功していますが、問題は、div#C 値番号 2-5 内の選択オプション要素にカーソルを合わせると、div#C のスライドアップが再び発生することです。私のマウスはdivを離れます。

だから私の質問: div#C の外に出るオプション選択を選択する方法はありますか?

前もって感謝します ！！

4

1 に答える 1

0

C と B を分離すると機能します

<div id="A">
    <div id="B">
        <h4>Show Menu</h4>
    </div>
    <div id="C">
        <p>This is a paragraph</p>
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
    </div>        
</div>

$(document).ready(function(){
    $('#B').mouseenter(function(){
        $('#C').slideDown();
    });

    $('#C').mouseleave(function(){
        $('#C').slideUp();
    });

});

フィドル: http://jsfiddle.net/NQqbE/2/

于 2013-01-25T11:38:03.147 に答える