bootstrap模式框在Internet Explorer中不起作用 [英] bootstrap modal box is not working in internet explorer

问题描述

我正在使用twitter bootstrap.i创建了一个模态弹出框，这个模式框无法在Internet Explorer中工作，所有浏览器都工作正常

i我正在使用此代码用于模态框

I am using twitter bootstrap.i created one modal pop up box this modal box not working in internet explorer remaining all browsers working fine
i am using this code for modal box

<a data-toggle="modal" runat="server" href="#example" id="btn" class="btn-primary" >SetLob</a>
           &nbsp;&nbsp;&nbsp;<asp:Button ID="btnsubmit" runat="server" Text="submit"

                CssClass="btn-primary" onclick="btnsubmit_Click" />


          <div class="modal hide fade" id="example">
  <div class="modal-header">
    <button type="button" id="b2" class="close" data-dismiss="modal" aria-hidden="true" runat="server">&times;</button>

    <h3>LOB Customization</h3>
  </div>

  <div class="modal-body">
  <asp:UpdatePanel ID="update1" runat="server" UpdateMode="Conditional">
           <ContentTemplate>
    <asp:GridView ID="gridlob" runat="server" AutoGenerateColumns="False"

        DataSourceID="SqlDataSource2" width="50%"

          onrowdatabound="gridlob_RowDataBound">
        <Columns>
            <asp:BoundField DataField="LOUPe_LOB" HeaderText="Line Of Bussiness"

                SortExpression="LOUPe_LOB" />

               <asp:TemplateField HeaderText="Grouping">


              <ItemTemplate>
              <asp:CheckBox ID="chkReimbursable" runat="server" OnCheckedChanged="chkReimbursable_CheckedChanged" AutoPostBack="true"   />

              </ItemTemplate>

             </asp:TemplateField>

        </Columns>

        <EditRowStyle BackColor="#2461BF" />
        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
        <RowStyle BackColor="#EFF3FB" />
        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
        <SortedAscendingCellStyle BackColor="#F5F7FB" />
        <SortedAscendingHeaderStyle BackColor="#6D95E1" />
        <SortedDescendingCellStyle BackColor="#E9EBEF" />
        <SortedDescendingHeaderStyle BackColor="#4870BE" />



    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource2" runat="server"

        ConnectionString="<%$ ConnectionStrings:LOUPe_InventoryConnectionString %>"

        SelectCommand="procExcelLOBGroupList" SelectCommandType="StoredProcedure">
    </asp:SqlDataSource>
   </ContentTemplate>
   </asp:UpdatePanel>


  </div>
  <div class="modal-footer">
 <asp:UpdatePanel ID="ud3" runat="server" UpdateMode="Conditional">
 <ContentTemplate>
  <asp:Button ID="btnsave" runat="server" Text="Save" class="btn btn-primary" OnClick="btnsave_Click" autopostback="true" />
  </ContentTemplate>
  </asp:UpdatePanel>
  </div>




</div>
 </div>
 <div class="modal hide fade" id="Div1">
  <div class="modal-header">
    <button type="button" id="Button1" class="close" data-dismiss="modal" aria-hidden="true" runat="server">&times;</button>

    You selected 19 LOB's
  </div>
  <div class="modal-body">
</div>
</div>

请将任何想法分享给我。

please share any ideas to me.

推荐答案

ConnectionStrings：LOUPe_InventoryConnectionStr ing ％>

SelectCommand = procExcelLOBGroupList SelectCommandType = StoredProcedure >
< span class =code-keyword>< / asp：SqlDataSource >
< / ContentTemplate >
< / asp：UpdatePanel >


< / div >
< div class = modal-footer >
< asp：UpdatePanel ID = ud3 runat = server UpdateMode = 条件 >
< ContentTemplate >
< asp：按钮 ID = btnsave runat = 服务器 文字 = 保存 类 = btn btn-primary OnClick = btnsave_Click autopostback = true / >
< / ContentTemplate >
< / asp：UpdatePanel >
< / div >




< / div >
< / div >
< div class = modal hide fade id = Div1 >
< div class = < span class =code-keyword> modal-header >
< 按钮 类型 = 按钮 id = Button1 class = close data-dismiss = modal\" aria-hidden=\"true\" runat=\"server\">&times;</button>

You selected 19 LOB's
</div>
<div class=\"modal-body\">
</div>
</div>

ConnectionStrings:LOUPe_InventoryConnectionString %>" SelectCommand="procExcelLOBGroupList" SelectCommandType="StoredProcedure"> </asp:SqlDataSource> </ContentTemplate> </asp:UpdatePanel> </div> <div class="modal-footer"> <asp:UpdatePanel ID="ud3" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:Button ID="btnsave" runat="server" Text="Save" class="btn btn-primary" OnClick="btnsave_Click" autopostback="true" /> </ContentTemplate> </asp:UpdatePanel> </div> </div> </div> <div class="modal hide fade" id="Div1"> <div class="modal-header"> <button type="button" id="Button1" class="close" data-dismiss="modal" aria-hidden="true" runat="server">&times;</button> You selected 19 LOB's </div> <div class="modal-body"> </div> </div>

please share any ideas to me.

please share any ideas to me.

IE does not support the \"fade\" class for modals, by taking out fade i lost the animation, but the modal displays in all 3 browsers now. I found the answer here



link:

https://github.com/twbs/bootstrap/issues/3672[^]

IE does not support the "fade" class for modals, by taking out fade i lost the animation, but the modal displays in all 3 browsers now. I found the answer here

link:
https://github.com/twbs/bootstrap/issues/3672[^]

这篇关于bootstrap模式框在Internet Explorer中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！