slideToggle Funktion funktioniert nicht für die Schaltfläche

Question

<p> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, animi quia odio eligendi! Ducimus ad fugit, sed, accusantium laboriosam vero, mollitia natus repudiandae possimus delectus laborum quidem beatae quibusdam tenetur!</p> 
 

 
<input type="button" class="btnRegular" value="regular"> 
 
<input type="submit" class="btnSubmit">

einreichen habe ich den folgenden Code mit einigen p Text und zwei buttons. Einer ist ein regular button und der andere ist ein "submit" Knopf. Wenn ich die folgende jQuery hinzufüge, funktioniert nur die btnRegular. Die submit Schaltfläche nicht. Warum ist das? Ist mein jq falsch?

$(function() { 
    //for regular putton 
    $("#btnRegular").click(function() { 
     $("p").slideToggle(); 
    }); 


    //for submit button 
    $("#btnSubmit").click(function() { 
     $("p").slideToggle(); 
    }); 





}); 

Ich denke nicht, mein Code falsch ist, da es mit der regulären Taste funktioniert, aber warum nicht für die spezielle Taste einreichen?

Answer 1

Sie verwenden Klasse auf der Schaltfläche ist, warum sein nicht

arbeiten // hier sind Sie btnRegular als Klasse

<input type="button" class="btnRegular" value="regular"> 

mit // Ich habe btnRegular als id geändert

<input type="button" id="btnRegular" value="regular"> 

$(function() { 
 
    //for regular putton 
 
    $("#btnRegular").click(function() { 
 
     $("p").slideToggle(); 
 
    }); 
 

 

 
    //for submit button 
 
    $("#btnSubmit").click(function() { 
 
     $("p").slideToggle(); 
 
    }); 
 

 
});

<p> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, animi quia odio eligendi! Ducimus ad fugit, sed, accusantium laboriosam vero, mollitia natus repudiandae possimus delectus laborum quidem beatae quibusdam tenetur!</p> 
 

 
<input type="button" id="btnRegular" value="regular"> 
 
<input type="submit" id="btnSubmit"> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Answer 2

Da Sie Klasse und in Js verwendet haben, haben Sie versucht, # ID-Selektor zu verwenden.

$(function() { 
 
//for regular putton 
 
$("#btnRegular").click(function() { 
 
    $("p").slideToggle(); 
 
}); 
 

 

 
//for submit button 
 
$("#btnSubmit").click(function() { 
 
    $("p").slideToggle(); 
 
}); 
 

 

 

 

 

 
});

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
<p> 
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum, animi quia odio eligendi! Ducimus ad fugit, sed, accusantium laboriosam vero, mollitia natus repudiandae possimus delectus laborum quidem beatae quibusdam tenetur!</p> 
 

 
<input type="button" id="btnRegular" value="regular"> 
 
<input type="submit" id="btnSubmit">