2013-10-02 38 views
9

我在創建工作qTips時遇到了問題(小箭頭未顯示)。我曾經有過這些工作;我認爲唯一可以改變的就是jQuery和qTip2版本。我正在使用下面的代碼來生成提示,並使用「最新」jQuery(1.10.2)和qTip2(2.1.1)在這裏設置了一個測試用例,它對我不起作用(firefox,chrome):qTip2'tip'(arrow)not shown

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

http://jsfiddle.net/KgSqV/

任何想法?謝謝

回答

24

我看到你的CSS引用是不完整的版本(似乎是部分);嘗試改變你包括在以下參考:

  • 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

這部分因爲是JS/CSS Basic features版本(無需額外的樣式或功能),你必須使用All features & styles

下載頁面:http://qtip2.com/download

演示:http://jsfiddle.net/IrvinDominin/Pu4A4/

+0

這些正是我在我的案例中使用的兩個鏈接(我從http://qtip2.com/download獲得了它們)。糾正我,如果我錯了,但你似乎做了不同的唯一事情是在JSFiddle的「框架和擴展」部分中指定jQuery 1.8.3。我已經改變了我的JSFiddle做同樣的事情,但它仍然無法正常工作,所以我現在更加困惑! – valoukh

+0

您正在使用以下基本版本:基本功能(無附加樣式或功能)是問題所在! –

+0

我在這裏創建了一個帶有「所有功能和樣式」的cloudfire鏈接,現在似乎沒有得到任何提示http://jsfiddle.net/KgSqV/3/ – valoukh

8

當你做出一個自定義的qTip2建立在其下載頁面,您應該選擇Speech bubble 'tips'選項。如果你不選擇它,你的工具提示將沒有箭頭。

+0

感謝明確的答案,它的工作原理 – userlond