UpdatePanel触发时图像未显示

时间:2017-02-23 19:55:58

标签: javascript c# jquery html asp.net

我目前正在使用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

第二:owlCarousel.js

有人知道图像为什么会消失吗?

0 个答案:

没有答案