javascript - Bootstrap 模态和 Django

Question

使用 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 %} 

我的代码 JQuery:

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

}


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

第一次，当我点击 id="traitement_{{object.name}}"的 div 时，它起作用了(模式显示)。但是当我关闭这个模态并想再次打开它时，它不起作用......

Answer 1

您可以尝试为名为“traitement”的 div 设置以下属性，而不是使用 onclick():

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

尽管这可能并不重要，但您的两个 div 有相同的名称 - “traitement”。