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

<li>このプラグインには「firstLayer」と呼ばれるオプションがあります。これは、クリックされたスライドに応じて正しいスライドをロードするようにスライダーを制御するオプションであることが完全に理にかなっています。

HTML を処理する functions.php というファイルと、プラグインと JS を処理する jquery.php というファイルがあります。

重要なことを見逃している場合は、リクエストしてください。この投稿をそれらの詳細で編集します。

前もって感謝します。

ダン。

4

1 に答える 1

0

誰もこの質問を手伝うことができなかったので、私は先に進み、独自のプラグインを作成することに気付いた解決策を再試行しました。時間はかかりますが、プラグインを思い通りに動作するように調整できるため、最良のオプションでした。

少なくとも質問を見て、おそらくそれについて考えてくれたすべての人に感謝します。

于 2012-10-15T07:50:34.393 に答える