0

我在将一些客户端数据传递到第三方插件时遇到了一点困难。

我正在尝试获得一个插件选项来处理通过用户单击<li>下面的创建和填充的变量。

简短的：

我有一些 HTML 作为交互的处理程序。

<ul class="subpage-list" id="intro-subpage-list">
    <li data-slide="1">slide 1</li>
    <li data-slide="2">slide 2</li>
    <li data-slide="3">slide 3</li>
    <li data-slide="4">slide 4</li>
    <li data-slide="5">slide 5</li>
    <li data-slide="6">slide 6</li>
</ul>

当用户单击任何一个时，<li>我有以下代码：

$("#intro-subpage-list li").click(function() {
    var slideID = $(this).attr('data-slide');

    $("body").css('overflow','hidden');
    $("#intro-overlay").fadeIn(1000,function() {
        $("#intro-subpage").show();
    });
});

JS交互后加载的HTML如下：

<div id="intro-overlay" class="overlay">
    <div id="overlay-close">X</div>
    <div id="loading"></div>
    <section id="intro-subpage">
        <div class="ls-layer">
            <img class="ls-bg" alt="layer1-background" src="/<? echo ASSETS . IMAGES . BGS . LIGHTSLIDER; ?>intro/1.jpg">
        </div>
        <div class="ls-layer">
            <img class="ls-bg" alt="layer2-background" src="/<? echo ASSETS . IMAGES . BGS . LIGHTSLIDER; ?>intro/2.jpg">
        </div>
    </section>
</div>

加载和控制插件的代码如下：

$(".overlay section").layerSlider({
    autoStart:  false,
    imgPreload: true,
    slideDelay: '6000'
});

这个插件有一个名为“firstLayer”的选项，对我来说，它是一个非常有意义的选项，可以控制滑块根据<li>单击的内容加载正确的幻灯片。

我有一个名为 functions.php 的文件来处理 HTML，还有一个名为 jquery.php 的文件来处理插件和 JS。

如果我错过了任何重要的事情，请提出要求，我将使用这些详细信息编辑这篇文章。

提前致谢。

担。

4

1 回答 1

0

由于没有人能够帮助解决这个问题，我继续尝试再次尝试解决方案，我意识到创建自己的插件；虽然耗时，但它是最好的选择，因为我可以定制插件以完全按照我想要的方式工作。

感谢所有至少看过这个问题并可能思考过的人。

于 2012-10-15T07:50:34.393 回答