使用$（'＃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'); //<<<<<------------------------ 
}