1

我正在尝试使用 asp.net C# 和 jquery 制作动态图像滑块。我已将图像路径存储在数据库中,并已获取这些图像路径以在页面加载时绑定,这些图像路径应该可以在我的网页上显示相应的图像。我使用了在 Internet 上找到的真正简单的 Slider 插件,并且我正在使用 json 响应绑定图像,如下所示:

    '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] 的绑定已经生效。但是 $.each 中的代码根本不起作用。那只是显示子弹。这应该是检索图像而不仅仅是那些项目符号。谁能帮我解决这个问题。提前致谢。

4

1 回答 1

2

You werent putting them in image tags...

$("#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>');
于 2013-08-05T18:53:52.693 回答