Jquery 在运行modal之前，启动modal onclick

我在我的网站上使用bootstap模式，我希望能够在调用它时设置模型的文本

为此，我计划使用onclick函数

例如： 当用户单击“删除列表”按钮时，会弹出一个模式，其中包含我在特定onclick函数中设置的标题：

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

通过单击（）调用的函数{
$（“#modalHeader”）.html（“您确定要删除**？
”）；

但是，也可以按下“保存”按钮，在这种情况下，标题应显示不同的内容

但是，当我单击其中一个按钮时，会在函数运行之前显示模式，因此不会设置标题文本

我可以使用onclick函数设置模式中的文本吗？

---

或者我必须找到另一种方法吗？

当然，您可以在模式中设置文本

<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 -->

函数functionCalledByOnclickDelete（）{
$（“#modalname.modal body p”）.text（“是否确实要删除**？”）；
$（'#modalname'）.modal（'show'）；
}
函数functionCalledByOnclickSave（）{
$（“#modalname.modal body p”）.text（“是否确实要保存**？”）；
$（'#modalname'）.modal（'show'）；
}
调用函数后，此文本将被替换

当然，您可以在模式中设置文本

<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 -->

函数functionCalledByOnclickDelete（）{
$（“#modalname.modal body p”）.text（“是否确实要删除**？”）；
$（'#modalname'）.modal（'show'）；
}
函数functionCalledByOnclickSave（）{
$（“#modalname.modal body p”）.text（“是否确实要保存**？”）；
$（'#modalname'）.modal（'show'）；
}
调用函数后，此文本将被替换

使用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");
    });
});

$（文档）.ready（函数（）{
var deleteText=“您确定要删除**？
”；
var saveText=“是否要保存**？
”；
$（“#删除按钮”）。单击（函数（）{
$（“#modalHeader”）.html（删除文本）；
美元（“#model”）。model（“show”）；
});
$（“#保存按钮”）。单击（函数（）{
$（“#modalHeader”）.html（保存文本）；
美元（“#model”）。model（“show”）；
});
});

---

当然，您可以通过删除变量来缩短它，但这更具组织性。

使用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");
    });
});

$（文档）.ready（函数（）{
var deleteText=“您确定要删除**？
”；
var saveText=“是否要保存**？
”；
$（“#删除按钮”）。单击（函数（）{
$（“#modalHeader”）.html（删除文本）；
美元（“#model”）。model（“show”）；
});
$（“#保存按钮”）。单击（函数（）{
$（“#modalHeader”）.html（保存文本）；
美元（“#model”）。model（“show”）；
});
});

当然，您可以通过删除变量来缩短它，但这更具组织性