Ouvrir Bootstrap Modèle avec la fonction

J'ai un asp.net application web.
Lorsque je clique sur mon bouton modal doit être ouvert c'est mon bouton:

<input type="button" class="mybutton" data-toggle="modal"     data-target="#mymodal" value="Open Model" />

Cela fonctionne bien mais je préfère, comme par exemple que:

<input type="button" class="mybutton" onclick="showModal()" value="Open Model" />

avec:

function showModal() {
      $('#mymodal').toggle();
  }

mais quand je le fais de cette façon et cliquez sur le bouton modale de ne pas se montrer et c'est comme si toute la page se fige. Mais je n'obtiens pas d'avertissements d'erreur.
Si quelqu'un a une idée je voudrais vraiment appriciate.

InformationsquelleAutor Joh | 2015-04-10
  1. 8

    Voir Bootstrap docs pour modal méthodes.

    JS:

    function showModal() {
  $('#myModal').modal('show');
}

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<input type="button" class="mybutton btn btn-primary" onclick="showModal()" value="Open Model" /> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">Modal</h4>
      </div>
      <div class="modal-body">
        Modal content
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

    Vous avez aussi d'autres méthodes pour interagir avec modal, par exemple:

    $('#myModal').modal('toggle'); //Show if closed, close if shown
$('#myModal').modal('show'); //Show modal
$('#myModal').modal('hide'); //Hide modal
    InformationsquelleAutor Rene Korss
  2. 5

    vous pouvez utiliser l'un des ci-dessous.

    $('#myModal').modal('toggle');
$('#myModal').modal('show');
$('#myModal').modal('hide');

    Vous pouvez en voir plus ici: modal

    InformationsquelleAutor sachin.ph