我目前正在使用ASP.NET和C#开发一个网站。在这个网站上,我显示了两组图像横幅,第一组用我的C#代码填充并保持静止(不变)。
<div class="divArticleCar">
<div id="OwlDemo" class="owl-carousel owl-theme" style="padding:25px;" runat="server">
</div>
<div class="customNavigation ">
<a class="btn prev "><span class="glyphicon glyphicon-menu-left"></span><br/></a>
<a class="btn next "><span class="glyphicon glyphicon-menu-right"></span><br/></a>
</div>
</div>
第二个使用来自图像数据库的外部API连接。我有一个文本输入和一个按钮,所以当用户搜索关键词时,第二个横幅用新图像更新。我使用AJAX <asp:UpdatePanel>
标记来更新图片结果。
<asp:UpdatePanel runat="server" id="UpdatePanel2" updatemode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger controlid="btnSearchImage" EventName="ServerClick" />
</Triggers>
<ContentTemplate>
<div class="divArticleCar">
<div id="OwlDemo2" class="owl-carousel owl-theme" style="padding:25px;" runat="server">
</div>
<div class="customNavigation CN2">
<a class="btn prev2 ">
<span class="glyphicon glyphicon-menu-left"></span> <br>
</a>
<a class="btn next2 ">
<span class="glyphicon glyphicon-menu-right"></span> <br>
</a>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
问题是ContentTemplate中的图像更新时。他们只是没有显示,横幅消失了。我检查了我的后台代码,C#正在获取API结果,并且它正在添加新图像,它们只是不可见。横幅由2个Javascript文件管理。
首先:carrusel.js
有人知道图像为什么会消失吗?