Question

我想要实现的目标

我希望能够通过this网站侧边栏中的不同帖子无缝切换，同时为我的帖子使用自定义帖子模板。无缝地，我的意思是每次导航时屏幕都不会显示白色。

我的问题

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

正在使用的插件

自定义帖子类型UI

Ajax内容渲染器

我的侧边栏的jQuery脚本

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

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

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

HTML＆amp;侧边栏和内容区域的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;
  });
});

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

1 个答案: