dart - 如果原来的 JS 有很多功能，如何 dart 来启动它们？

Question

经过几轮研究，我发现以下情况没有明确的答案:

我有一个名为“AAA.js”的 js 文件，里面有这样的简单代码:

    var AAA = {
       listenForMenuLayer: function () {
           console.log("menu initiated");
           $('.nav-menu').on('click', function() { console.log("menu clicked")});
       }

         init: function(){
            this.listenForMenuLayer();
         }
    };

在 Dart 中，我写如下(使用'dart:js'):

js.context['AAA'].callMethod('init');

然后，当我运行它时，一切看起来都很好， “菜单启动”正确显示 ，这意味着“listenForMenuLayer”已启动，但是当单击“.nav-menu”时， 什么都没发生 . (我检查了很多次，没有拼写错误，否则)

我的问题是:Dart 可以接受这种外部 JS 事件的发起吗？或者我们应该重写那些JS事件，请指教，非常感谢。

更新:
我发现如果我们像上面那样编写js代码，jquery将无法正常启动，这意味着所有以'$'开头的功能都将不起作用。

Answer 1

伙计们，我将其更新为使用 'package:js/js.dart'；

@JS('AAA.init')
external void aInit();

然后在某个地方，只需在包括以下内容后调用:

aInit();