Wie öffnet man eine bootstrap-modal von einer anderen Seite?

Habe ich auf mein Haus.asp-login-button öffnet sich ein modal. Ich habe noch eine Seite, die einen login/logout button. Wie kann ich den Aufruf der modal von der Startseite auf diese Seite.

Hause. aspx-Code:

<a href="#" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a></li>

Zweiten Seite Code: (Hier auf diesen link klicken möchte ich nennen, modal von zu Hause aus.aspx)

<a href="#" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a>
InformationsquelleAutor Ash | 2016-01-31
  1. 3

    Ich hatte das gleiche Problem und habe eine Lösung gefunden in dieser link.
    Lassen Sie uns sagen, Sie haben 2 Seiten,

    • First.html --> Enthält ein Anker, um den modal

    • Second.html --> Enthält die definition des modal

    Grundsätzlich müssen Sie href die Lage Ihrer modal-in "Second.html" und data-target die id des modal

    <li><a href="Second.html" data-target="#theModal" data-toggle="modal">Lab 6</a></li>

    Dann noch in Ihrem First.html Sie müssen definieren, der modal mit der id, bis die modal-content

    <div class="modal fade text-center" id="theModal">
 <div class="modal-dialog">
  <div class="modal-content">
  </div>
 </div>
</div>

    Auf dem Second.html Sie definieren, was innerhalb der modal-content

    <div class="modal-header">
  ...
</div>
<div class="modal-body">
  ...
</div>
<div class="modal-footer">
  ...
</div>

    Es funktionierte für mich. Alle credits gehen an Buzinas, die diese Frage beantwortet haben, auf dem link, den ich oben angegeben

    InformationsquelleAutor Fabio Carvalho
  2. 1

    Aufruf die id des modal in Ihre andere Seite.

    Modal in Ihrem Hause.aspx:

    <div id="HomeModalId" data-width="500" data-backdrop="static"> Modal Content </Div>

    In Ihre zweite Seite, der link wäre so etwas wie.

    <a href="Home.aspx/#HomeModalId" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a></li>
    • Es funktioniert nicht
    InformationsquelleAutor Chad
  3. 0

    Ihrer ersten Seite:

     <a href="#" data-target="#ModalCLogin" data-toggle="modal"><span class="glyphicon glyphicon-log-in"></span>&nbsp;Login</a></li>`

    sich auf der Unterseite Ihrer ersten Seite:

    <div id="ModalCLogin" class="modal fade text-center">
    <div class="modal-dialog">
      <div class="modal-content">
      </div>
    </div>
</div>

    auf Ihre 2. Seiten:
    "Ihr modal"

    <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="ModalCLogin" class="myModal">
    InformationsquelleAutor Marvin Acosta
Schreibe einen Kommentar