的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" class="btnRegular" value="regular"> 
 
<input type="submit" class="btnSubmit">

我有一些p文字下面的代碼，以及兩個buttons。一個是regular button，另一個是"submit"按鈕。當我添加下面的jquery時，只有btnRegular有效。 submit按鈕沒有。爲什麼是這樣？我的jq錯了嗎？

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


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





});

我不認爲我的代碼是錯誤的，因爲它與常規按鈕一起工作，但爲什麼不爲特殊的提交按鈕？

來源

2016-12-27 K Split X

您正在使用類按鈕所以它//在這裏使用btnRegular爲一類

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

不工作

//我已經改變btnRegular作爲ID

<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>

來源

2016-12-27 03:08:41

NOP你可以改變的事情只能等待，我會解釋 –

哦，我看到我的錯誤 –

如果我的回答是使用全給你，請接受的答案 –

因爲您正在使用class和js，所以您正嘗試使用＃id選擇器。

$(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">

來源

2016-12-27 03:09:53 aavrug

的slideToggle功能不適用於按鈕提交工作

回答

相關問題