1

設定が間違っているかどうかはわかりません-この問題を抱えている人は他にいないようですが、私のqTipポップアップ（すべてajaxで読み込まれたコンテンツ）は非常に不規則に読み込まれます。正しい位置に表示されます。私が見逃したかもしれないこれに対する簡単な解決策はありますか？ご協力いただきありがとうございます。

HTML マークアップ:

    <span class="formInfo">
   <a href="http://localhost/httpdocs/index.php/help/kc_dob" class="jTip" name="" id="dob_help">?</a>
</span>

qTip初期化..

    //set up for qtip
   function initQtip()
   {
         $('a.jTip').each(function()
            {
               $(this).qtip(
               {
                 content: {
                     // Set the text to an image HTML string with the correct src URL to the loading image you want to use
                     text: '<img src="/media/images/wait.gif" alt="Loading..." />',
                     url: $(this).attr('href') // Use the rel attribute of each element for the url to load
                  },
                  position: {
                     adjust: {
                           screen: true // Keep the tooltip on-screen at all times
                     }
                  },
                  show: { 
                  when: 'click', 
                     solo: true // Only show one tooltip at a time
                  },
                  hide: 'unfocus',
                  style: {
                     tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
                     border: {
                           width: 10,
                           radius: 10
                     },
                  width: {
                     min: 200, 
                     max: 500
                  },
                     name: 'light' // Use the default light style
                  }
               });
            //prevent default event on click
            }).bind('click', function(event){ event.preventDefault(); return false; });
      }
4

2 に答える 2

0

これが古いことは知っていますが、解決策を探しているときにこれを見つけましたが、Google では他にあまりありません。jquery.ui.position.jsこれは、HTML ヘッダーに実装していない場合に発生します。

<script src="javascript/ui/jquery.ui.position.js"></script>
于 2012-08-11T18:54:36.247 に答える
0

これが役立つかどうかを確認してください：

show: { delay: 0, effect: { type: 'fade', length: 0 } }
于 2010-10-14T08:40:54.670 に答える