引導的onclick模態模態運行

之前，我使用我的網站上bootstap模式，我希望能夠建立模型的文本，同時稱這是引導的onclick模態模態運行

爲了這個，我計劃使用的onclick功能。

例如：當用戶點擊按鈕「刪除列表」模態與我在那個特定的onclick功能設置頭彈出：

function functionCalledByOnclick(){ 
    $("#modalHeader").html("<p>Are you sure you want to remove **?</p>");

但是按鈕「保存」也被壓在這種情況下，標題應該說一些不同的東西。

但是，當我點擊這些按鈕之一時，模式顯示在函數運行之前，因此標題文本未設置。

我可以使用onclick函數來設置模式中的文本嗎？或者我必須找到另一種方式？

來源

2015-11-13 Peter verleg

使用JQuery，使用onclick事件更容易。這樣你只需要爲每個按鈕分配一個ID，這對眼睛來說也更容易一些。

$(document).ready(function() { 
    var deleteText = "<p>Are you sure you want to remove **?</p>"; 
    var saveText = "<p>Do you want to save **?</p>"; 

    $("#deleteButton").click(function() { 
     $("#modalHeader").html(deleteText); 
     $("#modal").modal("show"); 
    }); 

    $("#saveButton").click(function() { 
     $("#modalHeader").html(saveText); 
     $("#modal").modal("show"); 
    }); 
});

你當然可以通過擦除變量來縮短它，但這是更有條理的。

來源

2015-11-13 10:37:31 Quikers

當然，你可以設置文本模式。

<script> 

function functionCalledByOnclickDelete(){ 
    $("#modalname .modal-body p").text("Are you sure you want to remove **?"); 
    $('#modalname').modal('show'); 
} 

function functionCalledByOnclickSave(){ 
    $("#modalname .modal-body p").text("Are you sure you want to save **?"); 
    $('#modalname').modal('show'); 
} 

</script> 

<div class="modal fade" id="modalname" tabindex="-1" role="dialog" aria-labelledby="simpleModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <p>This text will be replaced after the function is called.</p> 
      </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal -->

來源

2015-11-13 10:27:13

引導的onclick模態模態運行

回答

相關問題