Dart JavaScript 与 jQuery 的互操作回调

发布于11月05日

如何将以下jquery代码翻译成Dart？我很难使用js让alert 回调正常工作.互操作.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
  $(function () {
    $('p').hide('slow', function() {
      alert("The paragraph is now hidden");
    });
  });
</script>

感谢您的帮助.

推荐答案

谢谢你的提问！我自己也不确定，但事实证明这是可能的

首先，在你的pubspec中添加js.亚马尔:

name:  jquerydart
description:  A sample application

dependencies:
  js: any

然后，通过命令行或DART编辑器运行pub install.

然后，在您的DART文件中:

import 'dart:html';
import 'package:js/js.dart' as js;

hideIsDone() {
  window.alert('all done!');
}

void main() {
  js.scoped(() {
    js.context.jQuery('p').hide(1000, new js.Callback.once(() => hideIsDone()));
  });
}

请注意，要从JS回调到DART，您需要创建一个回调对象.

还要注意，jQuery变量不能使用$，因为dart2js也使用$.所以同时你需要在你的Dart代码中使用jQuery.

话虽如此，我们可以通过JS-DART互操作使用jQuery是很酷的，但是Dart真的应该为我们做这件事.所以我打开了BUG http://code.google.com/p/dart/issues/detail?id=6526