Jquery ui 将jquery ui应用于can.Component模板

Jquery ui 将jquery ui应用于can.Component模板,jquery-ui,canjs,Jquery Ui,Canjs,我正在使用带有JQueryUI和胡须的can.component创建一个菜单组件 组件呈现一个小胡子模板。自然地,这会将分部加载到DOM中 我的问题是: 将jQuery UI功能应用于菜单,我必须调用: $('#menu').menu(); 。。。将分部代码注入DOM之后。如何在组件中执行此操作?我尝试将前一行放在事件的init函数中。然而,这并不奏效。是否有一些后钩子,我可以放置此代码?这样,在组件加载模板之后,我就可以从组件本身中应用jquery 这是我到目前为止所做的,但不起作用: va

我正在使用带有JQueryUI和胡须的can.component创建一个菜单组件

组件呈现一个小胡子模板。自然地,这会将分部加载到DOM中

我的问题是:

将jQuery UI功能应用于菜单,我必须调用:

$('#menu').menu();
。。。将分部代码注入DOM之后。如何在组件中执行此操作?我尝试将前一行放在事件的init函数中。然而,这并不奏效。是否有一些后钩子,我可以放置此代码?这样,在组件加载模板之后,我就可以从组件本身中应用jquery

这是我到目前为止所做的,但不起作用:

var Menu = can.Component.extend({
  tag: 'menu',
  template: can.view('/assets/neo_admin/views/menu.mustache'),
  events: {
    init: function(){
        $('#menu').menu();
    }
  }
});
使用插入的事件并查找此元素:

使用插入的事件并查找此元素:


最近我们在另一篇文章中讨论了一些策略。看看这是否对你有帮助:-我建议你使用胡子助手,就像我对提出问题的人所做的那样,我们最近在另一个帖子中讨论了一些策略。看看这是否对你有帮助:-我建议你使用胡子助手,就像我对提出问题的人一样。谢谢你的回答!在哪里可以找到can.Component发出的所有事件?在文档中找不到。是的,有点隐藏。你可以在Daff找到文件,谢谢你的回答!在哪里可以找到can.Component发出的所有事件?在文档中找不到。是的,有点隐藏。您可以在以下网址找到文档:
var Menu = can.Component.extend({
  tag: 'menu',
  template: can.view('/assets/neo_admin/views/menu.mustache'),
  events: {
    inserted: function(){
        this.element.find('#menu').menu();
    }
  }
});