1.要局部刷新用户评论的div,我是用了一个模板,模板里是显示评论内容div和评论页导航ul
点击ul中的一个li元素时,触发click,后端处理后根据模板生成html代码传回来,然后替换
问题是,载入页面第一次进行翻页时,操作正常,评论内容和下面导航也都刷新了
但是继续在点翻页时,被替换过内容的ul导航栏就没有点击效果了,不在触发click事件
<div id="comments">
{% for comment in comments %}
<div class="row margin0">
<div class="col-xs-2">
<a href="personal.html?id={{ comment.commenter_id }}" class="per_name">{{ comment.nickname }}</a>
<a href="personal.html?id={{ comment.commenter_id }}" class="per_tx">
<img src="{{ static_url }}images/tx/b_mt_03.jpg" alt="..." class="img-thumbnail" width="80">
</a>
</div>
<div class="col-xs-10">
<div class="border1 bg-ff cash_text">
<div class="tooltip-arrow"></div>
<p class="gold_text">{{ comment.content }}</p>
<p class="gold_text text-right fontcc fize13 margr10">发表时间:{{ comment.create_time|date:"m-d H:i" }}</p>
</div>
</div>
</div>
<!--row end-->
{% endfor %}
</div>
<ul class="pagination" id="comments_ul">
<li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
{% for i in comments_range %}
<li {% if i == comments.number %}class="active"{% endif %}><a href="#"><span>{{ i }}</span></a>
</li>
{% endfor %}
<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
</ul>
你应该看看jQuery的on()方法