javascript - 无法使用 jQuery 刷新包含 php 代码的特定 div

Question

我正在尝试重新加载 div 中存在的一些内容，但它不会像这样发生。我在下面提供我的代码。

空间.php:

<?php
 require_once('header.php');
?>
<div>
    <a href="#">Update the div!</a>
</div>

标题.php:

<div class="collapse navbar-collapse navmenu loadListSpaceDiv" id="bs-example-navbar-collapse-1">
<?php
  if(isset($_SESSION['vendor_id'])){ ?>
    <ul class="dropdown-menu dropdown-menu-right">
        <li><a href="<?php echo SITEURL.'vendor';?>">Dashboard</a></li>
        <li><a href="<?php echo SITEURL;?>signout">Sign Out</a></li>
    </ul>
<?php
}
?>
</div>

当用户点击 anchor 标记时，上面的div元素应该刷新/重新加载。这是我的代码:

$(function() {
    $('a').click(function() {
        $(".loadListSpaceDiv").load(document.URL +  '.loadListSpaceDiv');
    });
});

但它没有按预期工作。在这里，我需要当用户单击该 a 标签时，所有 div 内容将再次重新加载。

Answer 1

如果您希望仅使用 jQuery load() 源页面的特定部分，请用空格将 CSS 选择器与 URL 分隔开:

$(".loadListSpaceDiv").load(document.URL +  ' .loadListSpaceDiv');