Come utilizzare il modal Bootstrap usando il tag anchor per Register?

Question

Ho una lista di tag di ancoraggio per la mia barra di navigazione. Voglio aprire un modale quando si fa clic su "Registrati". Ecco il codice:

<li><a href="@Url.Action("Login", "Home")">Login</a></li> 
<li><a href="#"> data-toggle="modal" data-target="modalRegister"> Register</a></li> 

<div id="modalRegister" 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" style="text-align-last: center">Register</h4> 
      </div> 
      <div class="modal-body"> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

Io di solito uso un pulsante per aprire una modale, ma io non sono molto sicuro di come avrei aprirla usando il tag <a></a> a causa della <a href""></a>. Come posso raggiungere i risultati?

Answer 1

Si dovrà modificare la riga di seguito:

<li><a href="#"> data-toggle="modal" data-target="modalRegister"> Register</a></li> 

modalRegister è l'ID e quindi richiede una precedente # per riferimento ID in html.

Così, il frammento di codice html modificato potrebbe essere il seguente:

<li><a href="#" data-toggle="modal" data-target="#modalRegister"> Register</a></li> 

Answer 2

https://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp

Nota: Per <a> elementi, omettere dati bersaglio, e utilizzare href="#modalID" invece.