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

Question

我想要什么，实现

我希望能够通过不同岗位的边栏中无缝转移上this网站，而使用自定义模板后我的帖子有。无缝地说，我的意思是说，每次浏览它时屏幕都不会变白。

我的问题

的single.php或单{}塞.PHP不起作用，因为在导航侧边栏

插件我使用

的URL不会改变

自定义文章类型UI

阿贾克斯内容呈现

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; 
    }); 
});