4

これが jsfiddle での私の例です。ミネソタにカーソルを合わせると、qtip ポップアップが表示されます。私は qTip jqueryプラグインを使用していますが、誰かがツールチップのリンクをクリックするのに十分な時間qtipを維持することに行き詰まっています。開いたままにするために、あらゆる種類のシナリオを試しました。ドキュメントを読むと簡単にできるようですが、これらを試してみましたが、うまくいきませんでした。これらを試しました

hide: { when: 'mouseout', fixed: true }

と

hide: { fixed: true, delay: 1000 }

ユーザーがリンクをクリックできるように、ツールチップを表示し続けるものはありません。イラつくのは、参考ページにあるものです。リンクの例のいずれかをクリックすると、彼らは私がやりたいことを正確に行っています。ソースに行き、彼らが使用していると思われる場合

  hide: 'unfocus',

と

     hide: {
        fixed: true,
        delay: 240
     },

しかし、私は両方を試しましたが、ツールチップは開いたままになりません。何か不足していますか？

4

2 に答える 2

7

先端の位置が少し右にずれているように見えるので、これを試してください：

  $(this).qtip(
  {
      hide:{ //moved hide to here,
        delay:500, //give a small delay to allow the user to mouse over it.
        fixed:true
      },
     content: $("." + test).html(),
     style: {
        name: 'dark',
         style: {
            border: 1,
            cursor: 'pointer',
            padding: '5px 8px',
            name: 'blue'
         },
        border: {}, 
        tip: true // Apply a tip at the default tooltip corner
     }
  });

フィドルを更新しました。

于 2011-03-28T13:49:57.723 に答える
1

あなたのコードには 2 つのスタイルがあり、それはあらゆる種類の奇妙なものです。これがあなたのコードです。

http://jsfiddle.net/JDVTM/

于 2011-03-28T13:52:30.143 に答える