Question

我尝试使用“后退”和“下一步”按钮创建一系列模态对话框（以创建简单的逐步测验）。我试图使用通用函数关闭任何打开的模态并打开下一个（或上一个）模态。但是我无法将选择器传递给我的功能。

＆＃13;

function quizGo(name) {
    // closeModals();  // this part works fine
    var name = document.getElementById(name);
    console.log(name);
    //name.modal('show');
}

＆＃13;

<button id="quiz1Back" onclick="quizGo('quizModal0')">Back</button>
<button id="quiz1Next" onclick="quizGo('quizModal2')">Next</button>

<div class="modal" id="quizModal2" role="dialog">

＆＃13;

Answer 1

我相信你正在使用Bootstrap模式来做到这一点。你的代码的问题是Bootstrap需要一个jQuery元素来处理。只需改变一下：

name.modal('show');

到此：

$(name).modal('show');

让它发挥作用。后一个片段只是将DOM节点转换为一个jQuery元素，Bootstrap可以在其上工作。或者，也可以使用这个单行：

$('#' + name).modal('show');

麻烦将选择器传递给Javascript函数

1 个答案: