0

マウスはブロックhtmlにカーソルを合わせます。

<div class="toplinks">...</div>

show block content html：

<div id="pop-login" style:"display:none;">...some content and a form</div>

私のjqueryコード：

$('.toplinks').hover(function(){

    $('#pop-login').toggle();
    $('#pop-login').toggleClass("hpposition");
});

css：

.hpposition{
    position: absolute;
    top: 30px;
    left:500px;
    z-index: 10000;
}

toplinksここで、マウスがdivの外に移動すると、問題が発生します。表示フォームに記入できません。マウスが toplinksdivの外に移動したとき。フォームはすぐに消えます。使用してフォームにコンテンツを入力できるようにする方法は？

4

1 に答える 1

0

これはうまくいくはずです

<div class="toplinks">
    <div id="pop-login" style:"display:none;">...some content and a form</div>
</div>
<script>
$('.toplinks').hover(function() {
    $('#pop-login').toggle();
});
</script>
于 2012-07-14T16:49:27.013 に答える