Question

我正在网站上工作：http://www.theartofcake.ca

之前的开发人员为“产品”部分添加了一些代码，如下所示：

$('.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();
    });

});

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

例如，“蛋糕”部分中有一个链接，我正在链接到“糖果”..我想要更换蛋糕部分的甜点，好像有人直接点击产品下的糖果图片一样...我希望这是有道理的。

我认为简单地将“open-services-single”类添加到帖子内的链接就可以了，但它似乎只是打开了自己页面上的单个帖子，不管是什么......不幸的是我的java技能包括复制和粘贴代码片段，我只能通过上下文来理解。

有什么建议吗？如果我遗漏了您需要帮助我的信息，请告诉我。

提前致谢！蔚

Answer 1

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

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

Answer 2

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

但是当javascript加载到个别产品中时，加载html后，没有javascript函数可以进行修改。所以它仍然会执行默认操作，打开新页面。

我看到你有一个注释掉的函数：// rebind（）;用它来处理加载的html，然后它应该按照你想要的方式工作。

Jquery脚本用于从post内容中拉出wordpress帖子

2 个答案: