我正在尝试在click
中的文章应用的链接Django
上实现更多阅读并阅读更少功能。但是当我点击阅读更多链接时,我的JavaScript
代码没有响应。
这是我的档案。
$(document).ready(function() {
var $el, $p, $up, $ps;
$('.button').on("click", function() {
$el = $(this);
$p = $el.parent();
$up = $p.parent();
$ph = $up.find(".para");
$ps = $up.find(".rest-content");
if ($ps.is(':hidden')) {
$p.load(function() {
$ps.show(), $el.html("(read-less)"), $ph.hide(), console.log("It worked");
});
} else {
$ps.hide();
$el.html("(read-more)");
$ph.show();
}
return false;
});
});

{% if article.post|length > 300 %}
<p class="para">{{ article.post|truncatechars:300}}</p>
<p class="rest-content">{{ article.post}}</p>
<p class="read-more"><a href="#" class="button" >(read more)</a></p><br>
{% else %}
<p class="para">{{ article.post }}</p> <br>
{% endif %}
&#13;
答案 0 :(得分:0)
许多jQuery调用没有正确的语法。例如:
$ph = $up.find(".para");
应该是
$ph = $($up).find(".para");
为了使用jQuery功能。重新编写代码,并考虑这是否有效:)