如何初始化JQuery插件？

Question

我正在嘗試使用this JQuery plugin。

我準備好了所有的JS和CSS文件。第二步如下：

然後通過簡單的初始化你有你的模式鎖定。

var lock = new PatternLock("#patternContainer");

你在哪裏做初始化？我在JS文件中執行此操作，還是在腳本中編寫頁面本身（例如index.html）？我一直在尋找其他插件，並且這些說明類似於這些（您必須使用簡單的線進行初始化）。

Answer 1

您可以在hmtl中的內聯腳本標記或源自單獨文件的腳本中執行此操作。只要腳本標記在它所依賴的那個之後（jquery和patternlock）。

然後，您要求的代碼行會初始化HTML中的元素上的插件，並假設您有這樣一個元素，您應該看到類似於鏈接到的頁面上的演示的結果id="patternContainer"。