Question

我无法让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时，.image需要隐藏Jquery UI放置效果并显示.text具有相同效果，向上滑动。当用户离开#roxo-um时，请执行相同操作，但隐藏.text并显示.image。

我怎么能这样做，因为我目前的剧本不断开火？

感谢。

Answer 1

看起来像输入＆amp;随着div＃roxo-um的高度发生变化，偶尔会触发事件。

请参阅此处的示例：http://jsfiddle.net/NGtrS/（删除高度并观察差异）

Jquery总是触发mouseenter

1 个答案: