Question

我正在尝试创建一个简单的jquery滑块，但我没有运气。我看过很多在这里和其他网站看起来相关的问题，但似乎没什么用。我已经改变了几次代码，但目前我有这个。

App.SliderView = Ember.View.extend({
      didInsertElement: function() {
         this.$().slider({
             range: "min",
             value: 50,
             min: 1, 
             max: 100
         });
     } 
  });

{{#view App.SliderView}}
    {{/view}}

感谢您提供任何帮助或建议。

Answer 1

试试这个：https://github.com/RVenkatesh/Ember-slider。该库使用Ember Views构建。它允许您在任何Ember视图中包含不同类型的滑块。

Answer 2

目前这对您不起作用，因为您正在使用视图助手的块形式。为了使您的示例有效，您必须使用：

{{view App.SliderView}}

但为了鼓励更多的灵活性，你应该采取以下措施：

App.SliderView = Ember.View.extend({
    templateName : "slider",
    elementSelector : ".slider",
    didInsertElement: function() {
        this.$(this.get("elementSelector")).slider({
         range: "min",
         value: 50,
         min: 1, 
         max: 100
        });
    } 
});

以及相应的模板：

<div class="slider"></div>

这样，您就可以在需要时轻松地向滑块添加其他标记。您甚至可以进一步扩展此方法，并为视图的滑块部分创建属性。

Answer 3

您可以尝试将滑块挂入div中。所以你的模板将是：

{{#view App.SliderView}}
  <div class="sliderDiv"></div>
{{/view}}

然后在didInsertElement你打电话：

this.$('.sliderDiv').slider({ ... });

Answer 4

如果您使用的是ember-cli，请尝试使用ember-slider：https://github.com/yinaw/ember-slider

在ember js中创建一个jquery滑块

4 个答案: