jQuery加载+ 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，所以这一个

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

希望替换此行代码

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

这有助于