0

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>

修正されたコード。機能しますが、2 回マウスオーバーする必要があります。最初のマウスオーバーは結果がありません。誰でも知っていますか？

 $(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'
                     }
                 }

             });
         });

     });
4

1 に答える 1

0

これを試して：

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

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

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

それが機能しない場合は、他のコールバック関数の1つが... http：//craigsworks.com/projects/qtip/docs/api/#callbacksを参照してください。

于 2013-03-06T03:38:54.760 に答える