Модальное всплывающее окно Bootstrap не работает с моей собственной таблицей стилей (asp. net) - PullRequest
Новая
       29

Модальное всплывающее окно Bootstrap не работает с моей собственной таблицей стилей (asp. net)

0 голосов
/ 21 апреля 2020

У меня проблема с моим asp. net сайтом. Модальное всплывающее окно появляется на моем сайте и не работает на правильном сайте (если вы нажмете кнопку, должно появиться всплывающее окно с модулем).

Похоже, что мой текущий aspx.site не применяет моего sitemaster. Как я могу это исправить? Спасибо 

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
        <link rel="stylesheet" href="/Content/Site.css" type="text/css" />     
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>   

<!-- Bootstrap -->
<!-- Modal Popup -->
<div id="MyPopup" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    &times;</button>
                <h4 class="modal-title">
                </h4>
            </div>
            <div class="modal-body">
            </div>
             <div class="modal-Text">
                <asp:Label ID="Label21"  runat="server" Text=".  Artikel: " Width="35%"></asp:Label>
                <asp:TextBox ID="dialogtxtArtikel" runat="server" Width="60%"></asp:TextBox> <br />
                <asp:Label ID="Label22"  runat="server" Text=".  Status: " Width="35%"></asp:Label>

                <asp:DropDownList ID="dialogddlStatus" runat="server" Width="60%" ReadOnly="true">
                    <asp:ListItem Text="gültig" Value="gültig" Selected="True"></asp:ListItem>
                    <asp:ListItem Text="prüfen" Value="prüfen"></asp:ListItem>
                    <asp:ListItem Text="streichen" Value="streichen"></asp:ListItem>
                </asp:DropDownList><br />
                <asp:Label ID="Label15"  runat="server" Text=".  Begründung für Streichung: " Width="35%"></asp:Label>
                <asp:TextBox ID="dialogtxtBegruendung" runat="server" Width="60%" TextMode="MultiLine" Rows="4" ReadOnly="true" ></asp:TextBox> <br />
                <asp:Label ID="Label17" runat="server" Text=".  Veränderung der Anzahl auf:" Width="35%"></asp:Label>
                <asp:TextBox ID="dialogtxtAnzahlNeu" runat="server" Width="30%" TextMode="Number" ToolTip="Nur Zahlen " ReadOnly="true" ></asp:TextBox>

                  <asp:TextBox ID="dialogtxtGuid" visible="false" runat="server" Width="60%"></asp:TextBox>

            </div>
            <div class="modal-footer">
                <asp:Button ID="btnAbbrechen" width="35%" runat="server" Text="abbrechen" onclick="btnAbbrechenClick" CssClass="ButtonAblehnung" />
                <asp:Label ID="Label23" runat="server" Text="    " Width="18%"></asp:Label>
                <asp:Button ID="btnSpeichern" Visible="false" Width ="45%" runat="server" Text="speichern und schließen" onclick="btnSpeichernClick" CssClass="ButtonZustimmung" autopostback="true"/>
            </div>
        </div>
    </div>
</div>
<!-- Modal Popup -->
    <script type="text/javascript">
    function ShowPopup(title, body) {
        $("#MyPopup .modal-title").html(title);
        $("#MyPopup .modal-body").html(body);
        $("#MyPopup").modal("show");
    }
</script>
...