JavaScript代码无响应

时间:2017-09-05 04:06:47

标签: javascript jquery django

我正在尝试在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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

许多jQuery调用没有正确的语法。例如:

$ph = $up.find(".para");

应该是

$ph = $($up).find(".para");

为了使用jQuery功能。重新编写代码,并考虑这是否有效:)