2017-08-18 8 views
-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; 
      }); 

答えて

0

? "href =#"部分を削除すると、上にジャンプできます - ちょっとした提案:)

関連する問題