我如何在一個綁定的動態數據的引導模式

Question

在我的形式

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Image Tag Description</h4> 
     </div> 
     <div class="modal-body"> 
      <p id="desc"> 
     Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
     </p> 
      <h2 id="cost">Cost : 20$</h2> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Edit</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 

一個模態和我有toggel模式的多個按鈕。 Html的按鈕是如下

<button class="btn btn-primary tag_cnt" data-trigger="hover" 
     data-target="#myModal" data-toggle="modal" type="button" 
     style="top:144px; left:510px" value="1"></button> 

我有我的形式多個按鈕。現在我必須在每個按鈕點擊時調用相同的模式，並且我想以模態方式顯示動態數據。什麼是解決方案？

Answer 1

可以daynamic變量傳遞給一個函數，然後在功能，您可以使用變量：

<button class="btn btn-primary tag_cnt" style="top:144px; left:510px" onclick="showModal('data')" type="button" value="1"></button> 

而且在腳本中，您可以訪問這些數據是這樣的：

function showModal(data) 
{ 
    //you can do anything with data, or pass more data to this function. i set this data to modal header for example 
    $("#myModal .modal-title").html(data) 
    $("#myModal").modal(); 
}