Javascript bootstrap模态调用函数

Question

我的代码如下：

function OnApply(runFunc) {
    $("#myCfmModal").modal('show');    
    $("#myCfmModal").find("#myCfmModalText").html("Apply change now?"); 
    $("#myCfmModal").find("#myCfmModalHeader").css("background","#cccccc");
    $("#myCfmModal").one('click', '#okbtn', runFunc);            
}

function cool() {
    alert("cool!");
}

我在运行上面的代码时遇到问题。 我将OnApply(cool())调用如下：

<button class="btn btn-success" onclick="OnApply(cool())">Apply</button>

OnApply(cool())将显示一个模态框并运行一个函数cool() 。 我想要做的是当我单击模态框中的确定按钮时运行函数cool() 。 但是，在单击“确定”按钮之前， cool()函数将始终先运行。 知道出了什么问题吗？

Answer 1

问题是因为您将cool()函数的结果传递给OnApply() - 您需要通过删除尾部括号来传递对函数的引用。 尝试这个：

<button class="btn btn-success" onclick="OnApply(cool)">Apply</button>

Answer 2

您可以使用“ click ”JavaScript事件调用runFunc 。

尝试这个。

function OnApply(runFunc)
{
  $("#myCfmModal").modal('show');    
  $("#myCfmModal").find("#myCfmModalText").html("Apply change now?");
  $("#myCfmModal").find("#myCfmModalHeader").css("background","#cccccc");
  $("#myCfmModal").find('#okbtn').click(functions(){
    runFunc();
  });
}
function cool()
{
  alert("cool!");
}