javascript - 使用 $ ('#MyModal' ).modal ('show' ) 将数据传递到模态；

Question

Dygraphs 是一个插件，可让您轻松地将 json 转换为 HTML 页面中的图表。通过 dygraphs 图表，我可以对图表进行注释，并且注释可以有一个 clickHandler 事件:

annotations.push({
    series:  "@Model.Project.id_project",
    x: date,
    shortText: "X",
    text: message,
    cssClass: "annotation",
    clickHandler: function(annotation, point, dygraph, event) {
        $('#ChangeOrderModal').modal('show');  //<<<<<------------------------
    }
});

这一行:

$('#ChangeOrderModal').modal('show');

打开这个模式做得很好:

<div id="ChangeOrderModal" class="modal hide fade">
<div class="modal-body">
    This is a test
</div>
<div class="modal-footer">
    <a href="#" data-dismiss="modal" class="btn">Close</a>
</div>

但是，我需要将一些数据传递到此模式中，但我不知道如何执行此操作。为了简单起见，我们就说它是一个字符串:

<div class="modal-body">
    This is a test.  String passed in: ______
</div>

从我打开模态的注释中，我将如何传入字符串？我如何在模态中显示它？

谢谢!

Answer 1

在模态中添加一些元素来保存数据:

<div class="modal-body">
  This is a test. String passed in: <span id="passed-in-string"></span>
</div>

然后在显示模式之前简单地设置元素的值:

clickHandler: function(annotation, point, dygraph, event) {
  var stringToPass = 'Something';
  $('#passed-in-string').html(stringToPass);
  $('#ChangeOrderModal').modal('show');  //<<<<<------------------------
}