获取jQuery-UI滚动自动完成组合框小部件以在Meteor中完全工作

Question

我已经设法通过以下步骤将jQuery UI组合框自动完成和滚动代码（http://jqueryui.com/autocomplete/#combobox）组合在Meteor中工作：

• 使用平滑主题下载自定义jQuery UI。把它放在client / jquery-ui-1.10.3
中
• 将client / 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 = - ＆gt; $（“＃combobox”）。combobox（）然而，它不起作用。事实上，当我这样做时，在Chrome控制台中运行它不再有效。

这感觉就像某种时间问题，但我真的不确定在哪里放$（“＃combobox”）。combobox（）

另一个小问题是它没有完全正确呈现。如您所见，箭头按钮太小。图片：http://ibin.co/18OTxtcOcIp5

谢谢，

Answer 1

我在这里回答了这个问题：https://groups.google.com/d/msg/meteor-talk/B00WuvRtGKs/IICzuLdt0cIJ