Question

我在我的网站上使用LiquidSlider 2在WordPress帖子之间滑动。我有类似的东西（这个问题的一些不相关的代码是无效的）：

<div class="liquid-slider" id="slider-id">
<?php foreach ($pageposts as $post): ?>
echo '<div id="slide'.get_the_ID().'">';

我正在设置LiquidSlider：

$('#slider-id').liquidSlider({
                    hoverArrows: false,
                    crossLinks: true,
                    hashLinking: true,
                    hashNames: true,
                    hashTitleSelector: "div.id",
                    hashCrossLinks: true
                }
            );

现在我需要做两件事。首先，在每个帖子中我有多个标签，其中一个用户可以登录。当用户登录时，他被重定向到仅限会员的区域，该区域有一个具有相同帖子但不同格式和更多选项的滑块。滑块的ID和幻灯片的ID与公共页面中的ID相同：

<div class="liquid-slider" id="slider-id">
<div id='slide".get_the_ID()."'>

我希望用户在登录后不仅可以重定向到成员区域，还可以重定向到他登录的特定帖子。例如，如果他在主页面中登录ID = 40的帖子，成员页面首先加载ID = 40的幻灯片。我浏览了LiquidSlider2文档，但我无法弄清楚如何实现这一目标。

第二个问题是获取共享特定幻灯片的链接。我正在使用AddThis通过社交网络分享帖子。我希望当用户点击共享的链接时，他会被重定向到该特定位置的特定滑块（我在同一页面上有三个不同ID的滑块）。我不知道如何实现这一目标。当我尝试在地址栏中输入类似http://standcardeira.com/leiloes#2的内容时，它会重新加载页面，第一个滑块中显示的第一个帖子是第二个（另外两个滑块保留在位置1）。如果页面自动向下滚动到包含帖子的区域，那将是一个解决方案，但它不会，即使我尝试http://standcardeira.com/leiloes#viaturas-content-area之类的内容。

提前致谢。

Answer 1

所以问题是向下滚动到滑块区域？你可以添加一些javascript来向下滚动到滑块容器，＃slider-id-wrapper

查看此帖：

How can I scroll to a specific location on the page using jquery?

如果有帮助，请告诉我。抱歉迟到了。

编辑：您可以使用API将滑块设置为特定的选项卡位置：

var api = $.data( $('#main-slider')[0], 'liquidSlider');
api.setNextPanel(3);

使用api，您还可以在用户登录之前检查当前幻灯片位置，发送它并访问新页面。

另一个选项是hashlinking，可以是found here。

LiquidSlider 2：如何正确使用交联并共享特定的幻灯片？

1 个答案: