jQuery load + Thymeleaf

Question

jQueryロード機能に問題があります。 また、私はこの記事をチェックし、それは私を助けていませんでした： Jquery load doesn't work

これは、ロード機能である：

function loadMore(eventId) { 
    swal("Loading More"); 
    $.ajax({ 
     type: "GET", 
     url: "/event/detail/"+eventId+"/more", 
     datatype : "html", 
     success: function(html) { 
      console.log(html); 
      swal("Check console log"); 
      $("#detail-item.comments-bar.tag-fixed").load(html); 
      } 
    }); 
} 

、これはHTMLです：

<div class="detail-item comments-bar tag-fixed" th:fragment="commentsMore"> 
    <ul class="comments-list" > 
     <li> 
     <div class="content"> 
      <p th:unless="${!comments.content.isEmpty()}" >No comments. You can be the first one!</p> 
      <p sec:authorize="isAnonymous()">You are not logged in! Please log in to start commenting :)</p> 
     </div> 
    </li> 
    </ul> 
<a class="border-btn btn more" th:if="${!comments.content.isEmpty()}" th:onclick="'loadMore(\'' + ${event.eventId} +'\')'">Load previous comments</a> 
</div> 

コントローラ機能が戻りますHTMLを正しくコンソールにログしています。しかし、実際にはビュー内で何も起こりません。リフレッシュされず、変化しません。

提案がありますか？

Answer 1

私は細部項目はクラスではなくIDで参照ので、この1

$(".detail-item.comments-bar.tag-fixed").load(html); 

希望でコード

$("#detail-item.comments-bar.tag-fixed").load(html); 

のこの行を置き換えることができますように、この