我可以在更改 URL 的同时使用 jQuery .load 吗？

Question

我想要达到的目标

我希望能够无缝切换this 网站侧边栏中的不同帖子，同时为我的帖子使用自定义帖子模板。我所说的无缝是指每次导航时屏幕都不会变白。

我的问题

single.php 或 single-{slug}.php 不起作用，因为在导航侧边栏时 URL 不会改变

我正在使用的插件

自定义帖子类型用户界面

Ajax 内容渲染器

我的侧边栏的 jQuery 脚本

$(document).ready(function() {
    $("#sidebar li:has(a)").click(function() {

        var page = $("a:first",this).attr("href");

        $("#content").load(page);
        return false;
    });
});

用于侧边栏和内容区域的 HTML 和 PHP

<div class="row"> <!-- Main content row -->
    <div class="col-md-4" id="sidebar">
        <?php
        if (is_page('gulvservice')){
            wp_nav_menu(array('menu'=>'gulvservice' ));
        } elseif (is_page('malerservice')) {
            wp_nav_menu(array('menu'=>'malerservice' ));
        } elseif (is_page('industrilakering')) {
            wp_nav_menu(array('menu'=>'industrilakering' ));
        }
        ?>
    </div>

    <div class="col-md-8" id="content">
        <?php  if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
            <div class="title"><h1>
                    <?php the_title(); ?>
                </h1></div>
            <div class="div">
                <?php
                if( has_post_thumbnail() ) {
                    the_post_thumbnail();
                }
                ?>
            </div>
        <?php endwhile; endif; ?>
    </div>
</div>
</div> <!-- Main Content -->

Answer 1

需要阻止<a> 上的事件。所以最好把选择器移到那些元素上

试试：

$(document).ready(function() {
  $("#sidebar li a").click(function() {
    var page = $(this).attr("href");
    $("#content").load(page);
    return false;
  });
});