Comment Ouvrir Modale à partir de l'Appel de Fonction Jquery

J'ai cette Modal de Bootstrap
Quand j'ai ajouter
bouton Pour l'appeler, il ouvre correctement,
mais ce que j'ai vraiment besoin, c'est d'ouvrir cette modale à partir de la fonction d'appel automatiquement
mon Expérience est:

     <button id="RenewCollerctorDateID" class="btn btn-success" style="width: 10%; display: inline;
 padding-right: 10px; float: left;" onclick="RenewCollectorDatePeriod();">renew</button>

MON JavaScript est

 function RenewCollectorDatePeriod() {
         //  AreYOuSureRenew();        
            var EmpID = $("#<%=ddlFilterCollector.ClientID%>").val();
            if (EmpID == -1) {
                alert("please select one ")
            }
            else {
               alert(EmpID);
              GetCollectorInfo(EmpID);       
            }        
        }

alors:

        function GetCollectorInfo(EmpID) {
       //    AreYOuSureRenew();
            $.ajax({
                type: "POST",
                url: "UnloadingCalendar.aspx/GetCollectorInfo",
                data: JSON.stringify({ EmpID: EmpID }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    alert(result.d);
                    AreYOuSureRenew();
                    },
                error: function (msg) {
                    alert(msg.d);
                },
                complete: function () {

                }
            })
        }


    function AreYOuSureRenew() {
        alert("opened");
        $('#EnsureModal').modal('show');
    }

et voici mon modal

    <div class=" modal fade" id="EnSureModal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Do ypu need change </h4>
                </div>
                <div class="modal-body">
                    <p>Are u sure from </p>
                    <label id="FromDate"></label>
                    <p>To</p>
                    <label id="ToDate"></label>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">no</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">yes</button>
                </div>
            </div>
        </div>
    </div>

Avis: quand j'ajoute $("#EnSureModal").modal('show'); dans le Document.Prêt, il appeasrs au chargement de la page et s'affiche de nouveau sur l'appel de la fonction , comment puis-je faire, il apparaît que dans l'appel de fonction

Lorsque vous appelez AreYOuSureRenew ?
Onsuccess de l'ajax à partir d'une autre fonction @RayonDabre
Appel de la fonction AreYOuSureRenew();
s'il vous plaît ignorer mon commentaire, je suis allé par le biais de votre deuxième commentaire ci-dessus et compris votre scénario.
Toute erreur dans la console ?

OriginalL'auteur sara adly | 2016-04-14

  1. 6

    J'ai lu ton code et j'ai trouvé que vous n'avez pas utiliser bootstrap correctement et la également le script que vous avez écrit n'est pas correct. Check this out. Cela peut vous aider.

    Script:

    $(document).ready(function(){
    $("#fireme").click(function(){
        $("#EnSureModal").modal();
    });
});

    HTML:

    <button id="fireme" class="btn btn-default">Fire me up!</button>
<div class="modal fade" id="EnSureModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Do ypu need change </h4>
            </div>
            <div class="modal-body">
                <p>Are u sure from </p>
                <label id="FromDate"></label>
                <p>To</p>
                <label id="ToDate"></label>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">no</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">yes</button>
            </div>
        </div>
    </div>
</div>

    La violon

    Mais j'ai besoin de feu de cette manifestation à l'appel de la fonction, et non pas dans le Document.prêt
    Ensuite, vous pouvez appeler sur le bouton comme onclick="mafonction()" .

    OriginalL'auteur claudios