qTip2 'tip'（矢印）が表示されない

作業中のqTipsの作成に問題があります（小さな矢印は表示されません）。私は過去にこれらが働いていた。私が時間の経過とともに変化したと思う唯一の事は、jQueryとqTip2のバージョンです。私はヒントを生成するために次のコードを使用しています。ここでは "最新の" jQuery（1.10.2）とqTip2（2.1.1）を使ってテストケースを設定していますが、それは私のためには機能しません（firefox、chrome）。qTip2 'tip'（矢印）が表示されない

$(document).ready(function() 
{ 
    $('#testElement').qtip({ 
     content: 'readyTip' 
    }); 
});

http://jsfiddle.net/KgSqV/

任意のアイデア？ありがとう

出典

2013-10-02 valoukh

あなたのCSSリファレンスが完全なバージョンではないことが分かります（部分的なようです）。あなたがAll features & stylesを使用しなければならないJS/CSS Basic featuresバージョン（追加なしのスタイルや特徴）であるため、それは部分的だ

http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.js
http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.css

：あなたは、次の参照を含める変更してみてください。

ダウンロードページ：http://qtip2.com/download

デモ：http://jsfiddle.net/IrvinDominin/Pu4A4/

出典

2013-10-02 11:19:55

これは私が私のケースで使った2つのリンクです（私はhttp://qtip2.com/downloadから入手しました）。私が間違っている場合は私を修正してください。しかし、あなたが別のやり方をしているように見えるのは、JSFiddleの "Frameworks and Extensions"のjQuery 1.8.3です。 JSFiddleを同じように変更しましたが、あなたの作品が完璧に動作してもまだ動作しないので、今私はもっと混乱しています！ – valoukh

あなたは基本バージョンを使用していますので、次のようになります：問題の基本機能（追加のスタイルや機能はありません）！ –

ここでは、「すべての機能とスタイル」のクラウドファイアリンクを使用して作成しましたが、現在はヒントを得ていないようです。http://jsfiddle.net/KgSqV/3/ – valoukh

あなたはそのダウンロードページで構築qTip2カスタムを作るときは、Speech bubble 'tips'オプションを選択してください。それを選択しないと、矢印なしのツールチップが表示されます。

出典

2014-07-24 00:40:33

明確な答えをいただきありがとうございます – userlond

qTip2 'tip'（矢印）が表示されない

答えて

関連する問題