jquery-ui - dart js-interop で jqrangeslider を使用しても機能しない

Question

web_ui アプリでjqrangeslider ( http://ghusse.github.io/jQRangeSlider/index.html ) を使用しようとしていますが、機能していません。

私のアプリケーションのメイン ルート ダーツ ファイルには、次のものがあります。

void main() {

js.scoped((){
  js.context.jQuery("#slider").bind("valuesChanged", new js.Callback.many((e, data) {
    fromRange = data.values.min;
    toRange = data.values.max;
  }));
});

私が持っているメインルートhtmlファイル：

  <script src="jquery.min.js"></script>
  <script src="jquery-ui.custom.min.js"></script>
  <script src="jQRangeSlider-min.js"></script>
  <script src="../packages/browser/dart.js"></script>
  <script src="../packages/browser/interop.js"></script>

カスタム コンポーネントの html ファイルには次のものがあります。

<div id="slider"></div>

<script>
    $("#slider").rangeSlider();
  </script>

スライダーはまったく表示されません。

どんな助けでも感謝します。ありがとう。