任何人都可以給我一個簡單的解釋如何實現這個jQuery插件？

好的，有人能解釋這個給我像我5嗎？任何人都可以給我一個簡單的解釋如何實現這個jQuery插件？

我下載了這個jQuery插件（aSimpleTour）的一個zip文件，它基本上是一個通過您加載到的任何網站的彈出式瀏覽/嚮導。唯一的問題是... 我不知道如何設置它！

我相當肯定你需要調用至少這些引用在你的HTML的頭部？

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

據我所知，那引用了整個jQuery庫或類似的東西。

彈出式教程的教程有一些這樣的代碼，我猜你在HTML頁面的<body>。

<script> 
options = { 
    data : [ 
     { element: '#id', 'tooltip' : 'This is a tooltip for some element #id' }, 
     { element: 'ul li:last a', 'tooltip' : 'The last link of some ul list' }, 
     { element: '.class', 'tooltip' : 'A tooltip for some class' } 
    ], 
    controlsPosition : 'RT' 
    } 

    $.aSimpleTour(options); 
    </script>

到目前爲止，我看到他們打算什麼用JSON語法，不太清楚，如果功能...

我有文件進來的zip文件夾3個文件：

component.json 
jquery.aSimpleTour.js 
jquery.aSimpleTour.min.js

好，考慮到這一切，我該從哪裏出發？我是一個完整的jQuery n00b，閱讀文檔在實現其他源代碼/應用程序/你有什麼時沒有什麼幫助。

可以任何人幫我在這裏或只是給我一個如何利用jQuery插件的簡要說明？

乾杯！

來源

2013-08-27 Kurai Bankusu

這是關於jQuery，還是'aSimpleTour'插件？ –

無論你能幫助我嗎？ –

@ClayBanks在這裏你將得到解決你的問題和它不明確的問題。我們可以幫助你，如果你給1）什麼是你的問題？ 2）你嘗試過什麼？ – kbvishnu

你有3個文件以與包含jquery的相同的方式包含它們（在頭部），但是你需要指定文件的路徑，以便更詳細地閱讀這個文件http://andreaslagerkvist.com/how-to-include-a-jquery-plug-in/。這裏的一個問題是，你正試圖初始化插件之前DOM已準備就緒，你應該這樣做：

$(function() { 
options = { 
    data : [ 
     { element: '#id', 'tooltip' : 'This is a tooltip for some element #id' }, 
     { element: 'ul li:last a', 'tooltip' : 'The last link of some ul list' }, 
     { element: '.class', 'tooltip' : 'A tooltip for some class' } 
    ], 
    controlsPosition : 'RT' 
    } 

    $.aSimpleTour(options); 
});

編輯：你也應該閱讀this的插件有依賴於this插件，這意味着你也必須包括那一個。

來源

2013-08-27 13:13:19 TheCodeDestroyer

謝謝。某些特定的人可以向你學習，而不是讓我們的新人覺得自己像完全的白癡，並試圖淡化我們的智慧，你提供了一個有用的答案。它的工作！所以，感謝你的代碼驅逐艦，你是一個好男人/女人。 –

兩年過去了，沒有人從這個問題或答案中受益。這就是爲什麼你首先應該有一個明確的焦點問題。沒有人試圖讓你覺得自己像個白癡;他們試圖幫助你創造持久利益的問題。相反，你只專注於幫助自己。 – Mogsdad

-1

jquery是一個JavaScript庫。您可以直接將其包含在您的網站中，也可以引用它在其他地方（如CDN或其他內容），一旦在您的HTML文件中引用它，您就可以在JavaScript中的任何位置使用jQuery語法。

在這種情況下，你想使用jquery插件，這意味着你需要有庫和jquery插件可以從用戶瀏覽器訪問。這取決於插件的寫法。

在這種情況下，你已經給出了三個文件，我建議將.json文件放進你的網站，.min.文件放在你的網站上，然後你可以在你的html中引用jquery和這些文件。

來源

2013-08-27 13:06:39 McKay

我只是想設置插件，以便它可以循環瀏覽我的網頁中的某些元素，並讓漂亮的彈出窗口引導用戶穿過它 –

難道我不清楚是否需要彈出式瀏覽嗎？ –

任何人都可以給我一個簡單的解釋如何實現這個jQuery插件？

回答

相關問題