Jquery ui 将JQRangeSloider与dart js互操作一起使用不起作用

我试图在我的web_ui应用程序中使用jqrangeslider（），但它不起作用

在我的应用程序主根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;
  }));
});

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

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

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

我拥有的主要根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;
  }));
});

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

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

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

在自定义组件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;
  }));
});

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

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

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

$（“#滑块”）.RangeSloider（）；

滑块根本不会出现

---

谢谢你的帮助。谢谢。

我刚刚用

js.context.jQuery（'*'）.hide（）做了一个快速测试，这是预期的效果。运行时js控制台或编辑器中是否存在一些错误？根本没有错误，滑块根本不会出现：-（实际上有一个css错误，但我认为它与此无关：无效的css属性值：grab（iThing.css）如果我理解正确，您可以从Js加载滑块？如果正确，您的问题看起来与Js-interop无关。第一次使用Js interop时，我不确定我在做什么，请告诉您真相。我应该如何在自定义组件中加载滑块？谢谢。