c# - .append() 在为图像 slider 动态绑定(bind)图像时不起作用

Question

我正在尝试使用 asp.net C# 和 jquery 制作动态图像 slider 。我已将图像路径存储在数据库中，并已获取这些图像路径以在页面加载时绑定(bind)，这些图像路径应该在我的网页上显示相应的图像。我使用了在互联网上找到的 Really Simple Slider 插件，我使用 json 响应绑定(bind)图像，如下所示:

    'output' is my json response which holds a string array that contains the image names that I'm using to complete an image path.

    $("#slider1").append('<div class="main"><div class="rss-container"><div id="slideshow" class="rs-slideshow"><div class="slide-container">');
    $("#slider1").append('<img src="beeSlider/images/'+output.d[0]+ '" alt=""/></div><ol class="slides">');

        $.each(output.d, function (key, value) {
        $("#slider1").append('<li><a href="beeSlider/images/'+value+'"></a></li>');
        });

    $("#slider1").append('</ol></div></div></div>');

与 output.d[0] 的绑定(bind)有效。但是 $.each 中的代码根本不起作用。那只是显示子弹。这应该是检索图像而不仅仅是那些子弹。谁能帮我解决这个问题。提前致谢。

Answer 1

你没有把它们放在图片标签中......

$("#slider1").append('<div class="main"><div class="rss-container"><div id="slideshow" class="rs-slideshow"><div class="slide-container">');
    $("#slider1").append('<img src="beeSlider/images/'+output.d[0]+ '" alt=""/></div><ol class="slides">');

        output.d.forEach(function (value) {
        $("#slider1").append('<img src="beeSlider/images/'+value+'" />');
        });

    $("#slider1").append('</ol></div></div></div>');