-1
動的にコメントを作成するWebページがあります。コメントは最小限に抑えられ、「more」リンクを使用してコメントを拡張できます。より多くのリンクをクリックすると、ページはページの先頭にジャンプします。ボタンをクリックすると完全なコメントが表示され、ページはコメントの場所に残るようにしたいと思っていました。あなただけの代わりにのボタンを使用した場合どのような段落がjavascriptで展開されているときにページを固定する
HTML
<div tal:condition="not comment.pending_review">
<tr>
<td>${ comment.account.email }</td>
<td>
<p class="more_text"
style="width: 250px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis"
>${ comment.comment }</p><a name="${ comment.id }" id="${ comment.id }" data-id="comment" class="more_link" href="#">more</a></td>
<td><span class="star" tal:repeat="number [i for i in range(comment.star_rating)]">
<span class="fa fa-star"></span>
</span>
</td>
</tr>
</div>
Javascriptを
$('.more_link').click(function(){
$('.more_text').css({'width': '', 'white-space': '', 'overflow': '', 'text-overflow': ''});
$(this).hide();
var anchor_id = $(this).attr('name');
location.hash = "#" + anchor_id;
});