【发布时间】:2014-01-13 10:06:33
【问题描述】:
通过以下步骤,我设法将 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
- 将不带 (function( $ ) {}) 的 javascript 代码放在客户端 javascript 中。我也没有包含以下代码,因为它不起作用(这就是我发布这个的原因):
$(function() {
$( "#combobox" ).combobox();
$( "#toggle" ).click(function() {
$( "#combobox" ).toggle();
});
});
将 css 放在客户端 css 中。把html放到html里面。
此时,代码可以正常工作,但有一个例外:我必须在 chrome 控制台中手动运行 $("#combobox").combobox() 以使其呈现。例如,我尝试过 Template.langtwo.rendered = -> $("#combobox").combobox(),但是它不起作用。事实上,当我这样做时,在 chrome 控制台中运行它不再有效。
感觉像是某种时间问题,但我真的不确定在哪里放置 $("#combobox").combobox()
另一个小问题是它不能正确渲染。如您所见,箭头按钮太小。图片:http://ibin.co/18OTxtcOcIp5
谢谢,
【问题讨论】: