创建一个无序列表下拉列表以匹配我的数组 - 如何？

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，jquery 将创建 dom 元素并将其放置在选择器之后。

关于这个功能的文档可以在这里找到：http://api.jquery.com/insertafter/