Question

我正在尝试使用Ajax和jQuery构建Wordpress主题。只要在首页上点击帖子的链接，帖子就会在首页上的div＃single-post-container中加载。我实现了这种复制Stan Kostadinov method：

jQuery看起来像这样：

jQuery(document).ready(function($){
    $.ajaxSetup({cache:false});
    $(".post-link").click(function(){
            var post_link = $(this).attr("href");
            $("#single-post-container").removeClass("hidden");
            $("#single-post-container").html("");
            $("#single-post-container").load(post_link, function() {
                $(".close").click(function(){
                $("#single-post-container").addClass("hidden");
                });
            });
            $('body').scrollTop(0);
            return false;
});
});

在正在加载的帖子内容中，我有默认的Wordpress帖子导航，它给了我以下html：

    <div class="nav-links">
<div class="nav-previous"><a href="link-to-previous-post" rel="prev"><span>link</span></a></div>
<div class="nav-next"><a href="link-to-next-post" rel="next"><span>Link</span></a></div></div>

我想要的是点击下一个或上一个帖子链接以覆盖默认行为，这会在新页面中打开帖子并相应地在同一个div内单独动态加载/替换内容＃single-post-container on头版。

我尝试将此添加到我的jQuery中：

 $(".nav-previous a").click(function () {
var post_nav = $(this).attr("href");
       $( "#single-post-container" ).empty();
            $("#single-post-container").removeClass("hidden");
            $("#single-post-container").load(post_nav, function() {
                $(".close").click(function(){
                $("#single-post-container").addClass("hidden");
                });
            });
            $('body').scrollTop(0);
            return false;
});

没有运气。我试过通过添加：

来阻止默认行为

e.preventDefault();

哪个也行不通。我是jQuery的新手，所以请耐心等待......我在本地开发，所以我不能向你展示实际的东西。我对此感到非常感激。

如果您需要我澄清，请告诉我。

感谢。

Answer 1

我设法让它发挥作用。如果有人有兴趣，这是jQuery：

def wrap[T](s: Seq[T]): Option[Seq[T]] =
    s.headOption map { _ => s }

Wordpress / Ajax / jQuery /导航到div

1 个答案: