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

时间:2017-04-17 14:06:54

标签: javascript php jquery

我正在尝试重新加载div中存在的一些内容,但不会发生这种情况。我在下面解释我的代码。

space.php:

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

的header.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 tag时,上面的div元素应该刷新/重新加载。我在下面解释我的代码。

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

但它不按预期工作。我需要在用户点击a标记时再次重新加载所有div内容。

1 个答案:

答案 0 :(得分:1)

如果您希望jQuery load()仅显示源页面的特定部分,请将CSS选择器与URL分隔开一个空格:

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