2013-03-06 63 views
1

我已經用jQuery創建了一個傳送帶滑塊。但是我在每次幻燈片後都會遇到問題,無法獲取描述。滑塊建成這樣的:jQuery Slider描述每個功能

<div id="sliderwrapper"> 
    <div id="slider_controlpanel"> 
     <a href="" class="slider_left" data-name="slider_button"></a> 
     <a href="" class="slider_right" data-name="slider_button"></a> 
     <div id="slider_description"></div> 
    </div> 
    <ul> 
     <li data-number="1" data-description="blabla">IMG</li> 
     <li data-number="2" data-description="obladioblada">IMG</li> 
    </ul> 
</div> 

我在jQuery中所做的是:

$('#sliderwrapper ul li:visible').each(function() { 
    var currentDesc = $('#slider_description').text(); 
    var newDesc = $(this).attr('data-description'); 
    $('#slider_description').removeData(currentDesc); 
    $('#slider_description').text(newDesc); 
}); 

但不知何故,它不更新,而是停留在第一個。從我所收集的內容來看,每個函數都可以作爲一個循環來使用,並且每個可見的幻燈片都應該運行。或者我完全錯了,這不應該工作?

如果您需要旋轉木馬如何構建的信息,請評論!

+0

你可以發佈一個JSFiddle來演示這個問題嗎?代碼看起來沒問題。 – mattytommo 2013-03-06 13:51:18

+0

@mattytommo當然,給我一分鐘! – 2013-03-06 13:52:32

+0

在這裏你去(無法編輯評論):http://jsfiddle.net/2S3Gz/ – 2013-03-06 13:59:07

回答

1

嗯......我得到的是你想要做的只是顯示當前顯示的的data-description屬性的數據。我修改並評論了您的fiddle中的更改。

+0

謝謝!它像一個魅力! – 2013-03-06 14:34:58

+0

很高興我能幫到你。 :) – 2013-03-06 14:38:13