2014-01-10 40 views
0
工作充分

我設法得到了jQuery UI組合框自動完成的組合和滾動碼(http://jqueryui.com/autocomplete/#combobox)流星工作有以下步驟:獲取jQuery的UI滾動自動完成組合框控件在流星

  • 使用平滑主題下載自定義jQuery UI。把它放在客戶端/ jquery-ui-1.10.3
  • 移動客戶端/ jquery-ui-1.10.3/css/smoothness/images到public/jquery-ui-1.10.3/css/smoothness/images
  • 將javascript代碼放在客戶端javascript中,但不包含將其封裝的(function($){})。我也不包括下面的代碼,因爲它不工作(這就是爲什麼我張貼此):

$(function() { $("#combobox").combobox(); $("#toggle").click(function() { $("#combobox").toggle(); }); });

把CSS在客戶端的CSS。把html放在html中。

此時,代碼有效,但有一個例外:我必須在chrome控制檯中手動運行$(「#combobox」).combobox()以使其呈現。我嘗試過,例如,Template.langtwo.rendered = - > $(「#combobox」).combobox(),但是它不起作用。事實上,當我這樣做時,在Chrome控制檯中運行它不再有效。

感覺就像某種類型的計時問題,但我真的不知道從哪裏把$(「#組合框」)。組合框()

另一個小問題是,它並不完全呈現正確。正如你所看到的箭頭按鈕太小。圖片:http://ibin.co/18OTxtcOcIp5

感謝,

回答