我正在尝试更改面板的背景颜色,使用javascript来模拟“选定”功能。更改引导面板的背景颜色
所以,点击我通过ID获取div并更改其背景颜色。
它工作正常,但只是瞬间和再次重置背景颜色,我不知道为什么?
DJANGO HTML模板
<div class="panel-group">
{% if articles %}
{% for article in articles %}
<div class="panel panel-success" id="aid_{{ article.articleId }}">
<div class="panel-body">
<a href="" onclick="populateArticle({{ article.articleId }})" style="font-size: 1.2em"><b>{{ article.title }}</b></a><br/>
<span style="color:darkgrey; font-size:.9em; font-family:sans-serif; font-style:italic">{{ article.source }} - {{ article.date }}</span><br/>
{{ article.sentences }}
</div>
</div>
{% endfor %}
{% else %}
NO ARTICLES PRESENT
{% endif %}
</div>
的Javascript
function populateArticle(aid) {
document.getElementById('aid_'+aid).style.backgroundColor="#DEF1DE";
}
另外这里是我记录一个GIF的链接,显示的行为:http://g.recordit.co/fSoTieo5Qn.gif(复制粘贴的情况下,在新标签页的链接如果它给出错误)。
任何想法为什么会发生这种情况?
Ahh Brilliant !!!解决了它。现在你指出了它,它提醒了我关于javascript void(0)上的这个伟大的线程,以及为什么从onlick事件返回false很重要:http://stackoverflow.com/questions/134845/href-attribute-for -javascript-links-or-javascriptvoid0 –