关于使用jQuery时$(document).ready()方法失效问题
生活随笔
收集整理的這篇文章主要介紹了
关于使用jQuery时$(document).ready()方法失效问题
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
關(guān)于使用jQuery時(shí)$(document).ready()方法失效問(wèn)題
<script type="text/javascript">//頁(yè)面加載后自動(dòng)執(zhí)行,不需要按鈕或事件觸發(fā) window.load=function(){}$(document).ready(function () {//第一步:發(fā)送Ajax請(qǐng)求去訪(fǎng)問(wèn)/recommend接口,獲取JSONalert('da')$.get('/recommend',function (data) {alert('data')alert(data)})}); </script> <script type="text/javascript" src="/js/jquery.min.js"></script>原因很簡(jiǎn)單,就是調(diào)用順序的問(wèn)題,因?yàn)轫?yè)面是按順序加載,要先引用jQuery文件,再寫(xiě)$(document).ready()這個(gè)方法
<script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript">//頁(yè)面加載后自動(dòng)執(zhí)行,不需要按鈕或事件觸發(fā) window.load=function(){}$(document).ready(function () {//第一步:發(fā)送Ajax請(qǐng)求去訪(fǎng)問(wèn)/recommend接口,獲取JSONalert('da')$.get('/recommend',function (data) {alert('data')alert(data)})}); </script>這樣就可以了,另外再補(bǔ)充一下,當(dāng)使用bootstrap時(shí)也是如此,因?yàn)閎ootstrap中使用了jQuery的語(yǔ)法,所以調(diào)用順序依然是jQuery在上:
<script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script>總結(jié)
以上是生活随笔為你收集整理的关于使用jQuery时$(document).ready()方法失效问题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 一文带你马上清楚bootstrap的栅格
- 下一篇: R软件的下载及安装(截图步骤详细)