javascript - 无法将选择器传递给 Javascript 函数

Question

我正在尝试创建一系列带有“后退”和“下一步”按钮的模式对话框(以创建一个简单的分步测验)。我正在尝试使用通用函数来关闭任何打开的模态并打开下一个(或上一个)模态。但是我无法将选择器传递给我的函数。

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

<button id="quiz1Back" onclick="quizGo('quizModal0')">Back</button>
<button id="quiz1Next" onclick="quizGo('quizModal2')">Next</button>

<div class="modal" id="quizModal2" role="dialog">

Answer 1

我相信您正在使用 Bootstrap 模态来执行此操作。您的代码的问题是 Bootstrap 需要一个 jQuery 元素来操作。简单地改变这个:

name.modal('show');

为此:

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

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

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