0

シンプルな jquery スライダー バーを作成しようとしていますが、うまくいきません。ここや他のサイトで関連があると思われる多くの質問を見てきましたが、何もうまくいかないようです. 私はコードを数回変更しましたが、現在はこれを持っています。 

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

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

助けや提案をありがとう。

4

4 に答える 4

3

これを試してください: https://github.com/RVenkatesh/Ember-slider。このライブラリは、Ember Views を使用して構築されています。これにより、任意の Ember ビューにさまざまなタイプのスライダーを含めることができます。

于 2015-03-04T06:40:48.600 に答える
1

ビューヘルパーのブロック形式を使用しているため、現在これは機能しません。例を機能させるには、次を使用する必要があります。

{{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>

これにより、必要に応じて、スライダーにマークアップを簡単に追加できます。このアプローチをさらに拡張して、ビューのスライダー部分のプロパティを作成することもできます。

于 2013-09-05T08:36:25.347 に答える
0

ember-cli を使用している場合は、ember-slider を使用してみてください: https://github.com/yinaw/ember-slider

于 2015-02-11T00:18:31.483 に答える
0

スライダーをフックする div を入れてみてください。したがって、テンプレートは次のようになります。

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

そして、次のようにdidInsertElement呼び出します。

this.$('.sliderDiv').slider({ ... });
于 2013-09-05T07:02:23.207 に答える