如何包含jQuery插件？

-3

我正在嘗試使用Poshy Tip jQuery Plugin。我做了一個非常簡單的HTML頁面：如何包含jQuery插件？

<!DOCTYPE html> 
<html> 
    <title>PoshyTip</title> 
    <body> 
     <center> 
      <a href="#" id="tip">Google</a> 
     </center> 
    </body> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="jquery.poshytip.min.js"></script> 
    <script> 
     $('#tip').poshytip(); 
    </script> 
</html>

我有.js文件在同一文件夾中的HTML頁面。但是，我沒有看到提示。 我在這裏做錯了什麼？

什麼是在控制檯：

event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

就是這樣。

來源

2014-03-14 Little Child

JS文件未找到，請檢查Web控制檯如果文件被加載 – Rex

什麼是錯誤控制檯顯示？ –

檢查控制檯。我沒有看到任何錯誤:) –

你錯過title你的HTML錨點：

<a href="#" title="This is a title" id="tip">Google</a>

此外，你缺失的poshytip CSS文件中引用，在這裏我使用skyblue主題：

<link rel="stylesheet" href="http://vadikom.com/demos/poshytip/src/tip-skyblue/tip-skyblue.css" />

您還需要更改jQuery代碼t Ø通過指定className加載自定義CSS主題：

$('#tip').poshytip({ 
    className: 'tip-skyblue', 
    bgImageFrameSize: 9, 
    offsetX: 0, 
    offsetY: 20 
});

Fiddle Demo

來源

2014-03-14 06:30:25 Felix

您沒有指定標題。

<a href="#" id="tip">Google</a>

應該

<a href="#" title="Google - a search Engine" id="tip">Google</a>

的醫生說：

顯示標題屬性值的默認瀏覽器提示被替換爲「poshier」版本：

來源

2014-03-14 06:20:57

好的..我是網絡開發新手:) –

將鏈接更改爲

<a href="#" id="tip" title="Google">Google</a>

DEMO

來源

2014-03-14 06:22:50 Shin

如何包含jQuery插件？

回答

相關問題