Question

我正在尝试使用asp.net C＃和jquery创建一个动态图像滑块。我已经在数据库中存储了图像路径，并在页面加载时获取了这些图像路径，这些图像路径应该在我的网页上显示相应的图像。我使用了在互联网上找到的Really Simple 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 aint中的代码完全正常工作。这只是表明子弹。这应该是检索图像而不仅仅是那些子弹。任何人都可以帮我解决这个问题。在此先感谢。

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>');

.append（）在动态绑定图像滑块的图像时不起作用

1 个答案: