如何為jQuery實現標簽插件

Question

目標：為我的rails應用程序實現jQuery插件（或在必要時自己寫一個），在鍵入定界符后在文本周圍創建一個“框”。

示例：在SO上加標簽后，用戶開始輸入標簽，然后從提供的下拉列表中選擇一個。 輸入字段識別出已選擇標簽，放置一個空格，然后准備下一個標簽。 同樣，在嘗試接受下一個標簽/輸入之前，我嘗試使用此插件在先前輸入的標簽周圍放置一個框。

README.txt中的說明似乎很簡單，但是我一直在收到

$（“。tagbox”）。tagbox不是函數

使用Firebug調試我的應用時出現錯誤。

這是我的application.js中的內容：

$(document).ready( function(){

    $('.tagbox').tagbox({
        separator: /\[,]/  // specifying comma separation for <code>tags</code>
    });

});

這是我的_form.html.erb：

<% form_for @tag do |f| %>
  <%= f.error_messages %>
  <p>
    <%= f.label :name %><br />
    <%= text_field :tag, :name, { :method => :get, :class => "tagbox" } %>
  </p>

  <p><%= f.submit "Submit" %></p>
<% end %>

為了便於閱讀，我省略了_form.html.erb和application.js中存在的其他代碼（即，自動完成插件的實現）。 包含或排除此省略的代碼不會影響此插件的性能。

我已經在我的application.html.erb文件的javascript_include_tag中包含了標簽箱插件的所有必需文件（以及所有其他包含的JS文件之后的application.js）。

當jquery.tagbox.js清楚地定義了該函數並且包含在所討論的html頁面的開頭時，為什么我會收到此“ not a function”錯誤，我非常困惑。 我為此插件苦苦掙扎的時間超過了我想承認的時間，因此我們將不勝感激。 而且，當然，我願意接受您可能想到的任何其他插件或從零開始的建議。

這個標簽盒插件似乎沒有大量的文檔或任何當前有效的示例。

另外要注意的是，我試圖避免使用jrails。

謝謝你的時間

Answer 1

這是我用其他一些功能編寫的另一個tagBox插件：

http://www.geektantra.com/2011/05/jquery-tagbox-plugin/

請看看是否有幫助。

Answer 2

確保以正確的順序加載插件和Jquery。 在Jquery之前加載插件會導致這種類型的錯誤。 另外，請確保插件與您使用的JQuery版本兼容。 如果所有這些都正確，那么我將執行一個基本的JQuery函數以確保您正確的路徑。 否則，請使用Firebug並嘗試查找負載失敗的位置。