關于使用jQuery時$(document).ready()方法失效問題

<script type="text/javascript">//頁面加載后自動執(zhí)行，不需要按鈕或事件觸發(fā) window.load=function(){}$(document).ready(function () {//第一步：發(fā)送Ajax請求去訪問/recommend接口，獲取JSONalert('da')$.get('/recommend',function (data) {alert('data')alert(data)})}); </script> <script type="text/javascript" src="/js/jquery.min.js"></script>

原因很簡單，就是調用順序的問題，因為頁面是按順序加載，要先引用jQuery文件，再寫$(document).ready()這個方法

<script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript">//頁面加載后自動執(zhí)行，不需要按鈕或事件觸發(fā) window.load=function(){}$(document).ready(function () {//第一步：發(fā)送Ajax請求去訪問/recommend接口，獲取JSONalert('da')$.get('/recommend',function (data) {alert('data')alert(data)})}); </script>

這樣就可以了，另外再補充一下，當使用bootstrap時也是如此，因為bootstrap中使用了jQuery的語法，所以調用順序依然是jQuery在上：

<script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script>

總結

以上是生活随笔為你收集整理的关于使用jQuery时$(document).ready()方法失效问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。