0

Javascriptを動作させることができません。divに入る（要素のマウスを上げる）たびに、jQueryは継続的に起動します。

Jquery

jQuery(document).ready(function($) {
    $('#banner-roxo .text').hide();

    $('#roxo-um').mouseenter(function() {
        $(this).children('.image').hide().effect('drop', {direction: "down"}, 1000, function() {
            $(this).parent().children('.text').show().effect('drop', {direction: "up"}, 1000);
        })
    }).mouseleave(function() {
        $(this).children('.text').hide().effect('drop', {direction: "down"}, 1000, function() {
            $(this).parent().children('.image').show().effect('drop', {direction: "up"}, 1000);
        })
    })
});

HTML：

<div id="banner-roxo">
    <div id="roxo-um">
        <div class="image">
            <img src="http://www.d1digital.com.br/clientes/audiolab/wp-content/themes/d1Digital/images/roxo_1.png" height="181px" width="181px" border="0px" />
        </div>
        <div class="text">
            Imergimos na marca, seu universo e aspirações; extraímos os conceitos que definem a sua identidade sonora.
        </div>
    </div>
</div>

私が欲しいもの： ユーザーがホバーしたとき#roxo-um、.imageJquery UIのドロップ効果で非表示にし.text、同じ効果で表示する必要があります。上にスライドします。ユーザーが離れるとき#roxo-umも同じようにしますが、非表示.textにして表示し.imageます。

現在のスクリプトは継続的に起動するため、どうすればこれを実行できますか？

ありがとう。

4

1 に答える 1

1

div＃roxo-umの高さが変化すると、EnterイベントとLeaveイベントが散発的にトリガーされるようです。

こちらの例を参照してください：http：//jsfiddle.net/NGtrS/（高さを削除して違いを確認してください）

于 2012-04-22T02:20:37.677 に答える