Javascript 引导模式未动态获取正确的id
我用RubyonRails和slim编写了这段代码。在下面的代码中,我尝试循环我的每一堂课并显示它们。此外,每节课都有“问题”按钮,该按钮生成一个弹出框(引导模式),其中包含问题输入、与该问题相关的课程id,并将其保存到数据库中。此代码的问题是每个问题按钮仅使用第一课的课程id。无论我点击哪节课的问题,它总是取第一节课的课程id。现在,我认为这里的问题是引导模式是javascript,所以它在加载整个内容之后加载,这就是为什么我会出现这个错误。但我不知道该如何解决这个问题。请帮我解决这个问题。多谢各位Javascript 引导模式未动态获取正确的id,javascript,ruby-on-rails,bootstrap-modal,slim-lang,Javascript,Ruby On Rails,Bootstrap Modal,Slim Lang,我用RubyonRails和slim编写了这段代码。在下面的代码中,我尝试循环我的每一堂课并显示它们。此外,每节课都有“问题”按钮,该按钮生成一个弹出框(引导模式),其中包含问题输入、与该问题相关的课程id,并将其保存到数据库中。此代码的问题是每个问题按钮仅使用第一课的课程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" ×`
您的问题是
id
属性在每次迭代后都没有被更改,这会导致多个元素共享同一id,从而导致引导模式中断和HTML无效
您应该更改此选项:
#exampleModal2.reveal[data-reveal]
比如说:
.reveal[data-reveal id=lesson.id]
不要忘记相应地更新
a[data open=“exampleModal2”]
。我不记得Bootstrap是如何打开modals的,但是如果它是通过数据打开的
属性打开的,那么应该是它。这给了我一个错误,说ActionView::Template::error(指定了多个id属性):
页面没有显示任何内容。只是说出了点问题。然后这意味着你做了类似于#exampleModal2.discover[data-discover id=lesson.id]
的事情,而不是我在回答中所写的。读错误,读代码。都在里面,你只需要注意