Bootstrap 模态不会动态获取正确的 id

Question

我有这段代码是用 ruby​​ on rails 和 slim 编写的。在下面的代码中，我试图遍历我拥有的每一节课并显示它们。此外，每节课都有问题按钮，该按钮会生成一个弹出框（引导模式），该按钮接受问题输入、与该问题相关的课程 ID 并将其保存到数据库中。此代码的问题是每个问题按钮仅采用第一课的课程 ID。无论我点击哪一课的问题，它总是取第一课的课号。现在，我认为这里的问题是引导模式是 javascript，因此它会在加载整个内容后加载，这就是我收到此错误的原因。但我不确定如何解决这个问题。请帮我解决这个问题。谢谢。

`-lessons.each do |lesson|
  span.pull-right
    a[data-open="exampleModal2"]
      i.fa.fa-question[aria-hidden="true"]
  #exampleModal2.reveal[data-reveal]
        h1
        center
          | Ask question
        = simple_form_for Question.new, url: lesson_questions_path(lesson.id), method: :post do |f|
          = lesson.name
          = f.input :title, label: "Question"
          = f.input :content, label: "Question Description"
          = f.button :submit
          button.close-button aria-label=("Close modal") data-close="" type="button"
            span aria-hidden="true"  ×`

Answer 1

您的问题是 id 属性在每次迭代后都不会更改，这会导致多个元素共享相同的 id，从而导致 Bootstrap 模式损坏和 HTML 无效。

你应该改变这个：

#exampleModal2.reveal[data-reveal]

类似这样的：

.reveal[data-reveal id=lesson.id]

不要忘记相应地更新a[data-open="exampleModal2"]。我不记得 Bootstrap 是如何打开 modals 的，但如果是通过 data-open 属性，那么应该是它。