[英]JavaScript code not responding
我想實現讀更多閱讀更少功能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 %}
您的許多jQuery調用語法都不正確。 例如:
$ph = $up.find(".para");
應該
$ph = $($up).find(".para");
為了使用jQuery功能。 考慮到這一點,重新編寫代碼,看看是否可行:)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.