Question

我应该通过点击div来刷新div元素的内容我尝试使用jQuery的load()方法，但它不起作用我的代码：

<script>
$(document).ready(function(){
    $("#click").click(function(){
        $("#toRefresh").load("articoli.html");
    });
});
</script>

和html：

<div class="col-md-8 main-div" id="toRefresh">
    <h3 class="lato-font" style="color: white;">Elenco eventi</h3>
    <div class="conf-div">
        <div class="conf-div-content lato-font text-left">  
            <div class="conference-div" id="click">
                <div class="conference-content">
                    <img class="role" src="images/roles-icons/chair-active.png">
                    <img class="role" src="images/roles-icons/author-active.png">
                    <img class="role" src="images/roles-icons/reviewer-active.png">
                    <p class="title">Conferenza 1</p>
                    <img class="arrow" src="images/arrow-right.svg">
                </div>
            </div>
        </div>
     </div>
  </div>

我还尝试将div class="conference-div"插入a元素，但它不起作用。我该如何解决这个问题？

Answer 1

您可以使用$ .ajax而不是加载。

$.ajax({

  url: 'articoli.html',
  cache: false

}).done(function( result ){

  $('#toRefresh').html( result );

});

如何使用jQuery和Ajax刷新div内容？

1 个答案: