Javascript 引导模式和Django

对于Django，我有一个div循环。单击div，我想要一个模态显示

我的HTML代码：

{% for object in theobjects %}
    <div class="row" style="margin-top:0.5%;">
        <div name="traitement" <!-- onclick="click_traitement('{{object.name}}')"--> data-toggle="modal" data-target="traitement_{{objet.name}}" class="col-md-offset-2 col-md-9">
            <div class="row">
                <div class="col-md-8">
                    <b>{{ object.name}}</b>.
                </div>
            </div>

            <div class="row">
                <div class="col-md-12" style="white-space: nowrap;overflow:hidden;text-overflow:ellipsis;">
                    <i> {{ object.text }} </i>
                </div>
            </div>

            <!-- start modal -->
            <div id='traitement_{{objet.name}}' name="traitement" class="modal fade" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h3 class="modal-title"> 
                                                        Profile of <b> {{ object.name }} </b> 
                                                    </h3>
                        </div>
                        <div class="modal-body">
                            <div class="row" style="margin-top:18%;">
                                <div class="col-md-12">
                                    {{ object.text }}
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="row" style="text-align:center;margin-top:5%;">
                                <div class="col-md-12">
                                    <button  type="button" class="btn btn-success" data-dismiss="modal">Quit</button>

                                </div>
                            </div>
                        </div>
                    </div>

            </div>
        </div>
        <!-- End modal -->

      </div>
   </div>
{% endfor %} 

---

第一次，当我单击id为=“traitement”{{{{object.name}}的div时，它工作了（模式是show）。但是，当我关闭此模式并希望再次打开它时，它不起作用…

能否尝试将以下属性设置为名为“traitement”的div，而不是使用onclick（）：

---

尽管这可能无关紧要，但您的两个div都有相同的名称——“traitement”。

您能否尝试将以下属性设置为名为“traitement”的div，而不是使用onclick（）

---

虽然这可能无关紧要，但您的两个div都有相同的名称——“traitement”。

您能否检查/发送生成的最终html代码。我们可以找出到底是什么问题…我不明白，如何检查/发送生成的最终html代码？我编辑了post，您使用的任何浏览器都可以选择“查看源”。检查最后的html文件，这会给你提示。”Ctrl+u'提供Firefox和Chrome中的html源代码。我检查了这个，它很好。我的循环中有3个对象，所以我有3个不同id的模态。。。我想当我第一次关闭模态时，它并没有真正关闭。其次，我认为你的想法行不通，因为在“叛逆”一栏中，有情态动词。他们没有分开…哈哈，我终于在你的帮助下解决了这个问题。我使用了你的想法，只是我们忘记了“#”：data toggle=“modal”data target=“#traitement”{{{{objet.name}”。非常感谢你！您能否检查/发送生成的最终html代码。我们可以找出到底是什么问题…我不明白，如何检查/发送生成的最终html代码？我编辑了post，您使用的任何浏览器都可以选择“查看源”。检查最后的html文件，这会给你提示。”Ctrl+u'提供Firefox和Chrome中的html源代码。我检查了这个，它很好。我的循环中有3个对象，所以我有3个不同id的模态。。。我想当我第一次关闭模态时，它并没有真正关闭。其次，我认为你的想法行不通，因为在“叛逆”一栏中，有情态动词。他们没有分开…哈哈，我终于在你的帮助下解决了这个问题。我使用了你的想法，只是我们忘记了“#”：data toggle=“modal”data target=“#traitement”{{{{objet.name}”。非常感谢你！

function click_traitement(name){
    $("#traitement_"+name).modal('show');

}


$(document).ready(function(){
  $('div[name=traitement]').hover(function(){
                $(this).css({'cursor':'pointer'});
      });
});

data-toggle="modal" data-target="traitement_{{objet.name}}"