【问题标题】:Getting the jQuery-UI scrolling autocomplete combobox widget to fully work in Meteor让 jQuery-UI 滚动自动完成组合框小部件在 Meteor 中完全工作
【发布时间】: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

谢谢,

【问题讨论】:

    标签: jquery jquery-ui meteor


    【解决方案1】:

    【讨论】:

      猜你喜欢
      • 2011-01-25
      • 1970-01-01
      • 1970-01-01
      • 2011-04-11
      • 2011-04-07
      • 2011-11-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多