使用带有dart js-interop的jqrangeslider不起作用

Question

我正在尝试在我的web_ui应用程序中使用jqrangeslider（http://ghusse.github.io/jQRangeSlider/index.html），但它无效。

在我的应用程序主根dart文件中，我有：

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>

滑块根本不会出现。

任何帮助表示赞赏。感谢。