動態追加jQuery滑塊

我試圖從jQuery滑塊動態地將div結構包含到我的索引頁中。動態追加jQuery滑塊

$("body").on("click", ".abc", function() { 
    var photo = '<li><img src="img/photos/photo-1.png" title="Photo 1"></li>'; 
    // .. other li's 
    $('#banner-fade ul.bjqs').append(photo); 
});

成：

<div class="slider" id="photo_1"> 
    <div id="banner-fade"> 
    <ul class="bjqs"> 
      // here should the list items come. 
     </ul> 
    </div> 
</div>

的問題是，JavaScript的不工作，只有第一圖像被示出。這怎麼可能？

- >當我把li粘貼在ul裏面時，它會起作用。但是，當我嘗試使用jQuery來追加它時。

來源

2014-03-05 user3231419

這裏工作正常http://jsfiddle.net/LytSC/ –

這裏你有定義「abc」類 – monu

http://jsfiddle.net/psTC9/ – zzlalani

只是一個演示

$(document).ready(function(){ 
$(document).on("click", ".abc", function() { 
    var photo = '<li><b>test1</b></li>'; 
    $('#banner-fade ul.bjqs').append(photo); 
    }); 
});

檢查這一點 - http://jsfiddle.net/6a6Fx/2/

來源

2014-03-05 10:18:26 monu

這工作，但問題是JavaScript不工作時我動態地包含div結構（在這種情況下，李）。當我將li粘貼到索引文件中時，它會起作用，但是當我使用jQuery將其附加到它時不起作用。 – user3231419

@ user3231419請你提供小提琴手 – monu

看起來像我剛纔在回答其他問題here同樣的事情。

所有你需要做的是包裝你的代碼中

$(function(), { 
    // Your code goes here... 
});

，並確保您<script></script>標籤是內外<head>容器。

來源

2014-03-05 10:26:26

動態追加jQuery滑塊

回答

相關問題