jquery对话框效果，停止动画队列

Question

我已经在悬停和mouseout上添加了幻灯片功能，我关闭了对话框（幻灯片）。如果我反复保持悬停并移动鼠标指针，幻灯片的工作速度非常缓慢，并且对话框保持滑动。任何想法如何防止？

此外，如果我添加“莫代尔：真”到下面的代码。整个事情甚至没有工作。任何解决方案

<script type="text/javascript"> 
    $(document).ready(function() { 


     $('.image').each(function() { 
      var panel = $(this).siblings('.descPanel'); 
      $(this).mouseover(function() { 
       panel.dialog('open'); 
      }); 

      $(this).mouseout(function() { 
       panel.dialog('close'); 
      }); 
     }); 

     $(".descPanel").dialog({ autoOpen: false,show:slide,hide:slide, 
      open: function() { 
       $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error"); 
      } 
     }); 

</script> 

HTML晶格结构：

<form id="form1" runat="server"> 
<div> 
    <table> 
     <tr id="tr"> 
      <td></td> 
      <td></td> 
      <td> 
       <asp:Image runat="server" ImageUrl="~/Jquery/Untitled.jpg" CssClass="image" /> 
       <asp:Panel runat="server" ID="mypanel" CssClass="descPanel"> 
        <asp:Label runat="server" ID="mylabel" CssClass="label" Text="hello"></asp:Label> 
       </asp:Panel> 
      </td> 
     </tr> 
    </table> 
    <table> 
     <tr id="tr"> 
      <td></td> 
      <td></td> 
      <td> 
       <asp:Image ID="Image1" runat="server" ImageUrl="~/Jquery/Untitled.jpg" CssClass="image" /> 
       <asp:Panel runat="server" ID="Panel1" CssClass="descPanel"> 
        <asp:Label runat="server" ID="Label1" CssClass="label" Text="hello1111"></asp:Label> 
       </asp:Panel> 
      </td> 
     </tr> 
    </table> 
</div> 
</form> 

感谢， 注：Kunal

Answer 1

您可以更改close到destroy：

$(this).mouseout(function() { 
    panel.dialog('destroy'); 
});