我正在尝试使用 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 中的代码根本不起作用。那只是显示子弹。这应该是检索图像而不仅仅是那些子弹。 谁能帮我解决这个问题。提前致谢。
最佳答案
你没有把它们放在图片标签中......
$("#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>');
关于c# - .append() 在为图像 slider 动态绑定(bind)图像时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18065454/