通過客戶端用戶交互控制jquery插件選項

我在將一些客戶端數據傳遞到第三方插件時遇到了一些困難。通過客戶端用戶交互控制jquery插件選項

我想獲得一個插件選項來處理通過點擊下面的<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。

如果我錯過了任何重要的內容，請提出要求，我將編輯這篇文章並提供詳細信息。

在此先感謝。

丹。

來源

2012-10-12 zealisreal

由於沒有人能夠幫助解決這個問題，我繼續嘗試解決方案，我意識到創建我自己的插件;雖然費時，但是最好的選擇，因爲我可以定製插件以完全按照我的想法工作。

非常感謝所有至少看過這個問題並且可能想到的人。

來源

2012-10-15 07:50:34 zealisreal

通過客戶端用戶交互控制jquery插件選項

回答

相關問題