mein jquery-Code funktioniert nicht im Bootstrap

Mein jquery-Code funktioniert nicht im Bootstrap. Ich habe einige Spalten, und ich möchte Vorlage Formular in bestimmten Spalte, aber wenn ich Form-Tag meine jquery arbeiten nicht arbeiten.mein jquery-Code funktioniert nicht im Bootstrap

<body> 
    <form> 
    <div class="row" id="row1"> 
     <div class="col-sm-6" id="col-1"> 
      <button id="btn">hide me</button> 
     </div> 
     <div class="col-sm-6" id="col-2"> 

     </div> 
    </div> 
    <div class="row"> 
     <div class="col-sm-6" id="col-3"> 

     </div> 
     <div class="col-sm-6" id="col-4"> 

     </div> 
    </div> 
    </form> 
</body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 
<script type="text/javascript"> 
      $(document).ready(function(){ 
     $("#btn").click(function(){ 
      $("#row1").slideUp("slow"); 
     }); 
    }); 
</script>

Quelle

2016-10-02 Yasir Ali

Sie müssen prevent() verwenden, wie unten dargestellt:

$(document).ready(function(){ 
    $("#btn").click(function(e){ 
     e.preventDefault(); 
     $("#row1").slideUp("slow"); 
    }); 
});

Wenn Sie das form Tag setzen und es gibt einen button Tag innerhalb es, die Standard-Aktion ist das Formular abzuschicken. Sie müssen das zuerst mit preventDefault() verhindern.

Bitte lassen Sie mich wissen, ob es das Problem gelöst hat oder nicht.

Quelle

2016-10-02 13:09:44 gurudeb

es funktioniert erfolgreich. Danke Freund –

Großartig, froh, dass es geklappt hat. Bitte akzeptieren Sie die Antwort, indem Sie auf das Häkchen unter den Stimmzählerpfeilen klicken. – gurudeb

Fertig. noch etwas? –

mein jquery-Code funktioniert nicht im Bootstrap

Antwort

Verwandte Themen