Question

我有一个问题，我使用.toggle来上下滑动元素，问题是当我尝试将光标快速移动到它弄乱的项目上时。删除了元素的id，我得到了jQuery分配的自定义样式。

return 0;

我该如何解决这个问题？我尝试过使用.stop，但它并没有解决问题。我试过减少动画时间，但问题仍然存在。

.js代码

<div class="ui-effects-wrapper" style="font-size: 100%; border: none; margin: 0px; padding: 0px; width: 160px; height: 60px; float: none; position: relative; z-index: auto; top: -50px; left: auto; bottom: auto; right: auto; overflow: hidden; display: block; background: transparent;">Novi test</div>

HTML

$(document).ready(function(){

$('.journal-entry').hover(function(){
    var name = $(this).attr('name');
    $(this).find('div').stop()
    $(this).find('div').toggle("slide", { direction: "down" }, 200).html(name);
},                        function(){ 
    $(this).find('div').stop();
    $(this).find('div').toggle("slide", { direction: "down" }, 200);
});

});

Answer 1

我通过更改选择器并添加类

来修复它

$('.journal-entry').hover(function(){
    var name = $(this).attr('name');
    $("a",this).children('.titler').toggle("slide", { direction: "down" }, 200).html(name);
},                        function(){ 
    $("a",this).children('.titler').toggle("slide", { direction: "down" }, 200);
});

jQuery .toggle堆叠样式

1 个答案: