Question

我正在使用owl-carousel-2设置幻灯片，其中包含测验。

正在使用JSON对象填充测验。

q是测验中的一个问题。对于这个问题的每个选项，我正在做一个＆＃34;输入＆＃34;带有标签的元素。

代码运行时没有任何错误。第一张幻灯片上的单选按钮也按预期工作。但是，在病房滑动2，单选按钮无法访问或无响应

q.options.forEach(function(opt, i) {
  let optionX = document.createElement("div");
  optionX.className = "-option";
  optionX.addEventListener("click", function() {
                console.log("click -option div logged" + index + "|" + i)
            });

  let ip = document.createElement("input");
  ip.setAttribute("type", "radio");
  ip.setAttribute("id", "rd-" + index + "X" + i);
  ip.setAttribute("name", "Q" + index);
  ip.addEventListener("click", function() {
  console.log("radio click logged")
  });

  let lbl = document.createElement("label");
  lbl.setAttribute("for", "rd-" + index + "X" + i);
  lbl.innerText = opt.text;

  optionX.appendChild(ip);
  optionX.appendChild(lbl);

  optCntr.appendChild(optionX);
}

当我点击第一张幻灯片上的标签时，那些console.logs会显示3次点击 - 首先是＆＃34; -option＆＃34; div，然后是单选按钮，然后再次在＆＃34; -option＆＃34; DIV。但是，当我点击第二张幻灯片上的标签时，只有一次点击正在注册 - 在＆＃34; -option＆＃34;格。

请帮忙！

旋转木马滑梯内的单选按钮不起作用

0 个答案: