Question

我有Jquery qtip（）函数，我需要在鼠标悬停链接时获取id。我可以使用jquery .load（）来获取页面。无法使用下面的代码。有人知道吗？

以下是我的剧本

$(function () {
      $(".cabinlink").qtip({
content: $("#loadCabin").load("/mysite ." + $(this).attr('id')),

                 show: 'mouseover',
                 hide: 'mouseout',

                 style: {
                     width: 780
                 },
                 position: {
                     corner: {
                         target: 'LeftBottom',
                         tooltip: 'TopLeft'
                     }
                 }
             });
         });

.cabinlink是鼠标悬停链接

<a id="1" href="javascript:void(0)" class="cabinlink" />
<a id="2" href="javascript:void(0)" class="cabinlink" />
<a id="3" href="javascript:void(0)" class="cabinlink" />

loadCabin是打开qtip框的div

<div id="loadCabin"></div>

修改后的代码，能够工作，但需要鼠标超过两次。第一次鼠标悬停没有结果。有人知道吗？

 $(function () {
         $(".cabinlink").live('mouseover', function () {

             var id = $(this).attr('id');
             var url = "/Mysite ." + id;
             $(this).qtip({
                 overwrite: false,
                 content: $("#loadCabin").load(url),
                 show: { ready: true, when: false },
                 hide: 'mouseout',
                 style: {
                     width: 780
                 },
                 position: {
                     corner: {
                         target: 'LeftBottom',
                         tooltip: 'TopLeft'
                     }
                 }

             });
         });

     });

Answer 1

试试这个：

$(".cabinlink").qtip({
    onShow: function() {
        $("#loadCabin").load("/mysite." + $(this).attr('id'))
    },

     show: 'mouseover',
     hide: 'mouseout',

     style: {
         width: 780
     },
     position: {
         corner: {
             target: 'LeftBottom',
             tooltip: 'TopLeft'
         }
     }
 });

如果这不起作用，其他一个回调函数可能......见http://craigsworks.com/projects/qtip/docs/api/#callbacks

jQuery qtip（） - 如何从mouseover获取id，。$ load（）

1 个答案: