javascript - Jqueryui 与 meteor.js

标签 javascript jquery jquery-ui meteor

我想进入 meteor.js 来开发一个应用程序,因为它非常棒,而且似乎使 Web 开发变得如此简单。

问题是该应用程序将有 2 个连接的可排序嵌套列表,我打算使用 emjqueryui 对其进行排序。

我找不到太多关于将 jqueryui 与 meteor.js 结合使用的示例或信息,只有很久以前使用 spark 之前的旧版本 meteor 的少数示例或信息。

任何人都可以告诉我这是如何工作的,推荐的结合使用的方法是什么,如果可能的话,还有一个例子或对此的任何引用。

还建议将它们一起使用,还是我应该使用另一种方式/库?

非常感谢 瑞克

最佳答案

瑞克, 我将 jquery-ui(以及其他基于 jquery 的插件)与 meteor 一起使用就好了。通常,当呈现相关模板时,我会为该元素提供其 jquery-ui-ness,例如(在 coffeescript 中):

# 'this' references the template
Template.listOne.rendered = ->
  $(this.firstNode).find('ul.connectedSortable').sortable
    connectWith: '.connectedSortable'
Template.listTwo.rendered = ->
  $(this.firstNode).find('ul.connectedSortable').sortable
    connectWith: '.connectedSortable'

或者,您可以在某个事件后使元素可排序,例如:

# 'this' now equals Window, so we must find the list from the event target
Template.listOne.events
  'click button': (e) ->
    $(e.target).parent().find('ul.connectedSortable').sortable
      connectWith: '.connectedSortable'

关于javascript - Jqueryui 与 meteor.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12980678/

相关文章:

javascript - 防止错误 : getaddrinfo ENOTFOUND at GetAddrInfoReqWrap. onlookup 后应用程序崩溃

jQuery在点击时改变div的大小

jQuery 代码在 Safari 中工作,但在 Firefox 中不工作

javascript - 如果可拖动元素在可放置边界之前拖动,如何解决 jQuery UI 可放置错误,其中 over/out 不会触发

javascript - 如何更改浏览器默认删除确认框

javascript - jQuery 输入数字微调器

javascript - 使用 HTML 表单提前输入 - 根据选择自动填充下一个单元格

javascript - 单击按钮后如何将包含输入数据的 TextField 传递到表单中?

javascript - 重新应用 jquery 函数

javascript - 单击按钮时使用 Jquery 将 div 显示为弹出窗口