让jQuery UI滚动自动完成组合框小部件在Meteor中完全工作

让jQuery UI滚动自动完成组合框小部件在Meteor中完全工作,jquery,jquery-ui,meteor,Jquery,Jquery Ui,Meteor,我已经通过以下步骤成功地将jQuery UI组合框自动完成和滚动代码()组合在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中。我也不包括以

我已经通过以下步骤成功地将jQuery UI组合框自动完成和滚动代码()组合在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中。我也不包括以下代码,因为它不起作用(这就是我发布此内容的原因):
$(函数(){
$(“#组合框”).combobox();
$(“#切换”)。单击(函数(){
$(“#组合框”).toggle();
});
});

将css放在客户端css中。将html放在html中

此时,代码正常工作,但有一个例外:我必须在chrome控制台中手动运行$(“#combobox”).combobox(),以使其呈现。例如,我尝试过Template.langtwo.rendered=->$(“#combobox”).combobox(),但它不起作用。事实上,当我这样做时,在chrome控制台中运行它就不再有效了

这感觉像是某种时间问题,但我真的不确定把$(“#combobox”).combobox()放在哪里

另一个小问题是它的渲染不太正确。如您所见,箭头按钮太小。图片:


谢谢,

我在这里回答了这个问题: