我正在使用django 1.5、python 2.7 和 jquery 1.9。虽然这个问题主要与javascript有关。
我的html代码如下。这形成了一个对象列表,例如:
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls">
现在,当我通过 ajax 获取更多数据时,形成的结构是这样的:
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls">
<div class="item cls"> #new div
<div class="item cls"> #new div
<div class="item cls"> #new div
<div class="item cls"> #new div
HTML:
{% for obj in objs %}
<div class="item cls">
<div class="alpha"><a href="#"><img src="{{ STATIC_URL }}img/107.png" /></a></div>
<div class="span6" id="abc_{{ obj.id }}">
<h2 class="Title"><a href="#">{{ obj.t }}</a></h2>
<p>{{ obj.a }}</p>
<div class="tags">
<a href="#"><i class="icon"></i> Intel</a>
<a href="#"><i class="icon"></i> Architecture</a>
</div>
<a href="#" class="btn"><i class="icon"></i> Upload </a>
<a href="#" class="btn"><i class="icon"></i> Download </a>
</div>
</div>
{% endfor %}
AJAX 成功:
for(var i = 0; i < response.length; i++){
var divs = document.getElementsByClassName('item');
divs[parseInt(divs.length)-1].innerHTML = '<div class="item cls"><div class="alpha"><a href="#"><img src="{{ STATIC_URL }}img/107.png" /></a></div><div class="span6" id="abc_' + response[i].id + '"><h2 class="Title"><a href="#">' + response[i].t + '</a></h2><p>' + response[i].a + '</p><div class="tags"><a href="#"><i class="icon"></i> Intel</a><a href="#"><i class="icon"></i> Architecture</a></div><a href="#" class="btn"><i class="icon"></i> Upload </a><a href="#" class="btn"><i class="icon"></i> Download </a></div></div>'
我在 innerHTML 中附加代码的那一行存在一些问题。不明白那是什么。请帮忙!!!