Jquery脚本,用于从帖子内容中提取不工作的wordpress帖子

Jquery script for pulling wordpress posts not working from within post content

本文关键字:提取 工作 帖子 wordpress 脚本 用于 Jquery      更新时间:2023-09-26

我正在做一个网站:http://www.theartofcake.ca

前面的开发人员为"Products"部分添加了一些代码,如下所示:

$('.open-services-single').unbind('click');
$('.open-services-single').click(function(e) {
    e.preventDefault();
    var target_url = $(this).attr('href');
    var $loader = $('#services-loader');
    $loader.fadeIn();
    $('.services.single-contents').slideUp(500);
    $('.services.single-contents').load( target_url + " #single", function(){
        $loader.fadeOut();
        $(this).slideDown(500);
        $(".services.single-contents #post-thumbnails").cycle({
            fx: 'fade',// name of transition effect (or comma separated names, ex: 'fade,scrollUp,shuffle')
            pause: 1,
            speed: 1000,  // speed of the transition (any valid fx speed value)
            timeout: 2000// milliseconds between slide transitions (0 to disable auto advance)
        });
        //rebind();
        close_detail();
    });
});

当用户单击其中一个产品时,它会滑出一个显示所选文章信息的部分。我试图在其中一个帖子中添加一个链接,这将在其位置上打开其他产品之一。

例如,在"cakes"部分中有一个链接,我将其链接到"confections"..我希望糖果能取代蛋糕部分,就像有人直接点击了产品下面的糖果图片一样……我希望这是有意义的…

我以为只要在文章的链接中添加"open-services-single"类就可以了,但它似乎只是在自己的页面上打开了一个帖子……不幸的是,我的java技能是由复制和粘贴代码片段组成的,我只能通过上下文来理解。

有什么建议吗?如果我遗漏了你需要帮助我的信息,请让我知道。

提前感谢!天蓝色

链接的完整HTML是什么?你试过了吗?

<a class="open-services-single" href="http://theartofcake.ca/product/confections/">open confections</a>

这个概念是,javascript函数在调用时修改了默认的html行为,这就是为什么你可以看到所有的滑动和效果。

但是当javascript在单个产品中加载时,HTML加载后,没有javascript函数来做修改。所以它仍然会做默认的动作,打开新页面。

我看到你有一个注释掉的函数://rebind();使用它来处理加载的html,然后它应该按照您想要的方式工作。