引导的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模态模态运行

回答

相关问题