引导杰克模态生成异常：类 'TransitionEvent' 没有实例获取器'relatedTarget'

我使用Rikulo/Bootjack在模态窗口中输入参数，但dquery生成多个异常"类'TransitionEvent'没有实例getter 'relatedTarget'"在DartEditor-1.10.1 (Win7和Linux)中的首选项:运行和调试:中断异常:所有。有什么问题吗?下面是示例代码:

index . html:

<html>
<head>
  <meta charset="utf-8">
  <title>bootjack_test</title>
  <link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css">
  <script async src="main.dart" type="application/dart"></script>
</head>
<body>
  <a href="#modalNewItem" role="button" class="btn btn-primary" data-toggle="modal">New item</a>
  <div id="modalNewItem" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4>New item creation:</h4>
        </div>
        <div class="modal-body">
          Item name:&nbsp;<input type="text" id="inputItemName">
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp;
          <button class="btn btn-primary" id="btnCreateItem">Create</button>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

main.dart:

import 'dart:html';
import 'package:dquery/dquery.dart';
import 'package:bootjack/bootjack.dart';
void main() {
  Modal.use();
  Transition.use();
  Modal modal = Modal.wire(querySelector('#modalNewItem'));
  $('#btnCreateItem').on('click', (QueryEvent e) {
    var itemName = (querySelector('#inputItemName') as TextInputElement).value.trim();
    if (itemName.length == 0) {
      print('ERROR: empty item name');
    } else {
      print('OK: item name = $itemName');
      modal.hide();
    }
  });
}

问题重现在bootjack example/modal from rikulo/bootjack中GitHub，我打开相应的问题请求:https://github.com/rikulo/bootjack/issues/25

修复dquery，请运行pub upgrade将dquery升级到0.7.1+1

相关内容

最新更新

热门标签：