爲什麼我的jQuery參考不工作？我是否錯誤地引用腳本？

我想寫一個html頁面上的任意按鈕的單擊事件。我引用jQuery和JavaScript文件在這裏：爲什麼我的jQuery參考不工作？我是否錯誤地引用腳本？

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="js/product-swap.js"></script>

這裏的按鈕：

<button class="btn">Click Me</button>

我真的只是想有一個警報出現在屏幕測試引用上。 JavaScript：

$('.btn').click(function() { 
    console.log("STUPID LOG"); 
    alert("Won't you appear, please!?"); 
});

當我點擊按鈕...沒有任何反應。日誌中或控制檯或警報窗口中均不顯示任何內容。

我知道這可能是一種隨心所欲和愚蠢的行爲，但我對JavaScript/jQuery相當陌生，而且我正在絞盡腦汁地思考這個問題。

謝謝！

來源

2015-09-02 regodamus

這一切還取決於在這些東西出現在你的HTML輸出的順序。例如，如果您的點擊處理程序在dom中出現的按鈕之前附加，它將無法工作。 – MoXplod

如果你還沒有這樣做，jsfiddle.net是一個免費的好地方來測試這樣的東西。 – raider33

@ raider33非常感謝！我剛贏得CodePen Pro訂閱，並在那裏工作，但由於某種原因，在該IDE中不需要$（function（）{code）。 – regodamus

嘗試與這名男子：

$(document).ready(function(){ 
    $('.btn').on('click', function() { 
     console.log("STUPID LOG"); 
     // Reset the window object 
     delete window.alert; 

     alert('test'); 
    }); 
});

來源

2015-09-02 01:22:43

腳本之後的按鈕？如果是這樣，那麼你可以在腳本之前移動按鈕，或在

$(function(){ /* Code goes here */ });

來源

2015-09-02 01:17:10 Sheerforce

包裹腳本把你JQuery的線在這裏面：

$(document).ready(function() { 
    //your code. 
});

來源

2015-09-02 01:18:39

的HTML頁面還沒有準備好，當你調用腳本，用$(function(){...});附上代碼，它將等待，直到頁面準備就緒。

$(function(){ 
    $('.btn').click(function() { 
    console.log("STUPID LOG"); 
    alert("Fantastic, I will appear!"); 
    }); 
});

我也建議你把你的script標籤在你的HTML頁面的結束，視覺元素的渲染速度會更快。

來源

2015-09-02 01:20:26

ü可以嘗試這樣太

function myFunction() { 
 
    alert("I am an alert box!"); 
 
}

<button onclick="myFunction()">Click Me</button>

來源

2015-09-02 01:37:50

爲什麼我的jQuery參考不工作？我是否錯誤地引用腳本？

回答

相關問題