Question

這是我爲我的網站創建的一個畫廊（有一些幫助）。我想在Next和Back按鈕之間加入一個無序列表（以下拉樣式），但是我不確定如何將這些代碼附加到jQuery中。任何幫助將不勝感激;謝謝！

<a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a></h2></center> 
    <center> <img src='gallery/img01.jpg' id='gallery'> 
<center><h4><a href="#" id="back"> Back </a> - <a href="#" id="next"> Next </a> 

<script> 
    var image = []; 
    var num = 0; 

    function fillImgList() 
    { 
     for(var i = 1; i <= 34; ++i) 
     { 
      image.push("gallery\\img" + (i < 10 ? "0" : "") + i + ".jpg"); 
     } 
    } 
    fillImgList(); 
    $(function() 
    { 
     $("#next").click(function() { galleryNext(); }); 
     $("#back").click(function() { galleryPrevious(); }); 
    }); 
    function galleryNext() 
    { 
     num++; 
     $("#gallery").attr('src', image[num % image.length]); 
    } 
    function galleryPrevious() 
    { 
     num--; 
     if(num < 0) 
     { 
      num = image.length-1 
     } 
     $("#gallery").attr('src', image[num % image.length]); 
    } 
</script> 

Answer 1

有一兩件事你可以做的是使用insertAfter()或after()功能。你可以在這個例子中看到：http://jsfiddle.net/83CSK/

你在javascript中生成一個字符串列表，然後你將它作爲選擇器傳遞給jquery，它將創建dom元素並將其放在選擇器之後。此功能

文檔可以在這裏找到：http://api.jquery.com/insertafter/