如何为Boostrap Modal data-bs-target设置动态id？

Answer 1

好吧，我想我明白了。至少就我而言，它正在发挥作用。所以对于你的代码来说，它应该是这样的：

<div class="modal"  th:id= {`question_editModal${question.question_id}`}>
</div >

和：

<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target={`#question_editModal${question.question_id}`}>Edit Question</button>

请告诉我它是否适合您。

Answer 2

我也有同样的问题。但我创建的 id 是数值。当我在 id 前面添加几个字符时，它按我的预期工作。我希望它可以帮助你。 CSS3 不允许只为类或 id 分配数字。 #456 或 .456 无效，如果我们添加 #id456 或 .id456 则有效。