當我使用.click()這些方法時,它不起作用:
$(document).ready($("#addPosition").click(function(event) {
console.log("I'm in HTML .ready()");
event.preventDefault();
}))
$($("#addPosition").click(function(event) {
console.log("I'm in HTML $()");
event.preventDefault();
}))
但是如果我用這段代碼創建一個函式并在沒有括號的情況下呼叫它,它就可以作業:
function doPosition() {
$("#addPosition").click(function(event) {
console.log("I'm in function");
event.preventDefault();
})}
$(doPosition);
這是 HTML 部分:
<p>Position: <input type='submit' class="btn-sm btn btn-light" id='addPosition' value=' ' /></p>
uj5u.com熱心網友回復:
你必須在準備好的檔案中傳遞一個函式
像這樣
//$(document).ready(() => {
// $("#addPosition").click(function(event) {
// console.log("I'm in HTML .ready()");
// event.preventDefault();
// })
//})
//or for short
$(() => {
$("#addPosition").click(function(event) {
console.log("I'm in HTML .ready()");
event.preventDefault();
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="addPosition">CLICK</button>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/485381.html
標籤:javascript html jQuery
上一篇:Html,使用增量id克隆選擇選項在第一次克隆時不起作用
下一篇:運行一次然后重復一個腳本
