Qtip2不能与IE9一起使用

时间:2013-05-24 13:53:03

标签: jquery qtip2

此代码在chrome中运行良好,但在IE9中,工具提示不会弹出。设计是当你将鼠标悬停在#ui-tooltip按钮上时,工具提示弹出500毫秒,然后如果你取消悬停,它将坚持500毫秒。它在IE9中什么都不做,在chrome中完美运行。

.js / jsp / html结合起来以简化

<script>
 $(document).ready(function()
 {
   $('#ui-tooltip-<%=id%>').each(function()
   {
     $(this).qtip(
  {
   content: '<a href="#" class="qtip-link" onclick="javascript:window.parent.openNewTab(\'<%=fullLink%>\')">New tab - Click Here</a>',
   position: {
     my: "bottom center",
     at: "top center",
     adjust: {
     y: 0,
     x: 55
     }
    },                                           
    show: {
       solo: false,
       event: "mouseover",
       delay: 500
},
hide: {
   fixed: true,
   event: "mouseleave", 
   delay: 500
},
style: {
   padding: '5px 15px',
   classes: 'ui-tooltip-rounded',
   tip: {
   corner: "bottom left",
     offset: 25
}
}                                   
});
});
});                                     
</script>
<td>
<div class="form" style="border: 0px; padding-right: 0px;">
  <b class="rtop tabButtonWidth">
  <b class="rb1"></b>
  <b class="rb2"></b>
  <b class="rb3"></b>
  <b class="rb4"></b>
</b>
    <div class="rboxcontent"onclick="parent.location.href='[link]" id="ui-tooltip-button">
<div class="container center">
<a class="buttonLinks">Button Name</a>
</div>
</div>
                    <b class="rbottom tabButtonWidth">
                            <b class="rb4"></b>
                           <b class="rb3"></b>
                           <b class="rb2"></b>
                           <b class="rb1"></b>
                       </b>
                   </div>               
            </td>

谢谢!

0 个答案:

没有答案