有時沒有加載jQuery插件

我使用jQuery很多，但有時候我會因爲瀏覽器無法看到jQuery庫或者運行JavaScript代碼後加載庫而卡住。有時沒有加載jQuery插件

僞代碼來解釋我的問題：

<html> 
    <head> 
     I always load CSS here 
     I always load jquery here 
    </head> 
    <body> 
     <p class="link-style3"><span id="my_tag"><span>Bize Hemen Yazın</span></span></p> 
     <script> 
     $(function() { 
      $('#my_tag').click(function(e) { 
      alert('tesrt'); 
      }); 
     }); 
     </script> 
    </body> 
    </html>

我總是把我的東西的順序如下圖所示，但現在無法正常工作。當我點擊<span id="my_tag">時，它不會執行任何操作，並且不會返回任何錯誤。

我該怎麼辦？

這裏是整個代碼jsfiddle

來源

2013-05-09 Arif YILMAZ

jQuery庫的引用在哪裏？ – 2013-05-09 12:36:04

你包含'jQuery'庫嗎？ – 2013-05-09 12:36:31

你能發表一些產生這個問題的真實代碼嗎？它應該正常工作基於你提供的東西，所以一定還有其他的事情 – jammypeach 2013-05-09 12:36:42

儘量避免像（suggestable只）

<script type="text/javascript"> 
$(function() { 
    $('#my_tag').click(function() { 
     alert('tesrt'); 
    }); 
    }) 
</script>

一些語法錯誤，並把你的代碼在上面加載的js文件

來源

2013-05-09 12:36:18 Gautam3164

$（function（）{}）將工作類似於$（doc）.ready – Gautam3164 2013-05-09 12:45:29

我認爲一個更好的建議是將JS文件引用移動到底部頁面，而不是在''上將它們全部混合在一起。 – 2013-05-09 12:48:12

是的，它會是更好的主意，但頁面加載後，它可能會考慮第一優先事項，我提到後，JS文件的負載可能會有所幫助...但我建議在HTML5中只有 – Gautam3164 2013-05-09 12:50:42

A之後你可以做幾件事：

檢查你的文檔（devtools中的網絡窗格）看看是否一切加載正確
移動你的腳本的頁面
使用$（文件）。就緒（函數（）{...}）的底部;

來源

2013-05-09 12:39:13 Gregone

OP已經（關於body標籤和$（document）.ready（function（）{...}）的代碼及其底部頁面與$（function（）{...}）相同 – 2013-05-09 12:41:31

@GovindKamalaPrakashMalviya true。我想他應該使用不衝突的方法： jQuery（document）.ready（function（$）{...}）; 但坦率地說，我猜測它有更多與加載問題有關。 – Gregone 2013-05-09 12:45:05

有時沒有加載jQuery插件

回答

相關問題