jquery-ui - 将 jqrangeslider 与 dart js-interop 一起使用不起作用

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>

滑块根本不出现。

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