C# .append()在为图像滑块动态绑定图像时不工作
我正在尝试使用asp.NETC#和jquery制作一个动态图像滑块。我已经在数据库中存储了图像路径,并获取了这些图像路径以在页面加载时绑定,这些图像路径应该在页面上显示相应的图像。我使用了在互联网上找到的非常简单的滑块插件,我使用json响应绑定图像,如下所示:C# .append()在为图像滑块动态绑定图像时不工作,c#,javascript,jquery,asp.net,asmx,C#,Javascript,Jquery,Asp.net,Asmx,我正在尝试使用asp.NETC#和jquery制作一个动态图像滑块。我已经在数据库中存储了图像路径,并获取了这些图像路径以在页面加载时绑定,这些图像路径应该在页面上显示相应的图像。我使用了在互联网上找到的非常简单的滑块插件,我使用json响应绑定图像,如下所示: 'output' is my json response which holds a string array that contains the image names that I'm using to complete a
'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”是我的json响应,它包含一个字符串数组,其中包含我用来完成图像路径的图像名称。
$(“#滑块1”)。附加(“”);
$(“#滑块1”)。附加(“”);
$.each(输出.d,函数(键,值){
$(“#slider1”)。追加(“”);
});
$(“#滑块1”)。附加(“”);
与output.d[0]的绑定已起作用。但是$内的代码,每个都不起作用。那只是子弹而已。这应该是检索图像,而不仅仅是那些子弹。
谁能帮我解决这个问题。提前感谢。您没有将它们放在图像标签中
$("#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>');
$(“#滑块1”)。追加(“”);
$(“#滑块1”)。附加(“”);
output.d.forEach(函数(值){
$(“#滑块1”)。附加(“”);
});
$(“#滑块1”)。附加(“”);
谢谢@Micah,它可以加载所有图像,但类似乎不起作用。我的意思是,图像应该是沿着.js文件滑动的,该文件已经包含在我查看滑块的.aspx页面中,但是图像只是按顺序登记的。他们是否应该获取.aspx页面中包含的css类和jquery文件?@accsharma在这种情况下,您可能需要共享#slider1 html和css。我想你可以把这个标记为一个答案,然后问一个新的问题。我正在使用一个现成的插件,它正在跟踪
中,则只需修改图像附加行,使标记位于li
标记中。。。。这真的应该是我明白你的意思,但还有更多的依赖性。也许我会问另一个问题。谢谢:)。