Question

我正在使用fancybox2开发一个wordpress主题来查看投资组合项目。我已经能够拉出每个图像的描述并将其与图像标题连接起来以显示在fancybox中。我也能够将永久链接添加到此字符串（标题），如下所示：

以下是显示上述

的JavaScript文档

$('.myfancybox').fancybox({
            some variables called ...

            afterLoad : function() {
                this.title = 'Item ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
            }
        });

我希望能够在输出最终标题之前将字符串（标题）拆分为3个Javascript变量，这样我就可以将永久链接部分用作实际链接而不是纯文本。我可以使用PHP轻松添加任何分隔符，这样JavaScript就可以使用它。

最终结果如下所示：

Item 1/10 <strong>TITLE</strong> <em>DESCRIPTION</em> <a href="PERMALINK">complete story</a>

我知道我可能需要循环查找分隔符，但到目前为止我的尝试还没有进行。

任何帮助都很棒

Answer 1

如果我理解正确，我猜您应该将php变量直接包含在javascript中，而不是包含在字符串title中，这样您就不必添加任何额外的拆分代码

你有没有试过像：

afterLoad : function() {
this.title = 'Item ' + (this.index + 1) + '/' + this.group.length + (this.title ? ' <strong>' + this.title + '</strong> ' : ' ') + '<em><?php echo category_description( $category_id ); ?></em> <a href="<?php echo "<?php the_permalink(); ?>" ?>">Complete story</a>';
}

假设您已经传递了title之类的

链接

<a class="myfancybox" title="<?php get_the_title() ?>" ....

我猜你会得到与通过字符串（title）传递变量相同的结果，但只需要少一点javascript代码

自定义fancybox 2

1 个答案: