关于使用jQuery时$(document).ready()方法失效问题

淩亂°似流年 2022-12-04 07:32 355阅读 0赞

## 关于使用jQuery时$(document).ready()方法失效问题 ##

<script type="text/javascript">
        //页面加载后自动执行，不需要按钮或事件触发 window.load=function(){}
        $(document).ready(function () { 
            //第一步：发送Ajax请求去访问/recommend接口，获取JSON
            alert('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">
        //页面加载后自动执行，不需要按钮或事件触发 window.load=function(){}
        $(document).ready(function () { 
            //第一步：发送Ajax请求去访问/recommend接口，获取JSON
            alert('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>

发表评论取消回复

表情：

评论列表（有 0 条评论，355人围观）

还没有评论，来说两句吧...

相关阅读

相关关于java 锁失效问题

2.事务模式，众所周知，加上transactional注解时，会在方法前置开启事务，那假如两个请求同时进入，一个请求获取到了锁，减掉了库存，但是还没提交事务，数据库此时还...

╰半橙微兮°/ 2024年05月02日 20:10/ 0 赞/ 58 阅读

相关关于使用jQuery时$(document).ready()方法失效问题

关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript"> //页面

淩亂°似流年/ 2022年12月04日 07:32/ 0 赞/ 356 阅读

相关【Android】中关于@SerializedName注解使用失效的问题

【关于@SerializedName（“”）的问题】 > 问题如图 > ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk

「爱情、让人受尽委屈。」/ 2022年11月10日 03:49/ 0 赞/ 226 阅读

相关 Shiro关于JSESSIONID失效报错问题

错误信息 2017-03-24 13:42:20,381 [http-bio-8090-exec-4] [org.apache.shiro.web.s

柔情只为你懂/ 2022年09月29日 15:54/ 0 赞/ 420 阅读

相关 jQuery使用时注意

1. 属性选择器最好用”“，连续操作可用链式调用 2. dom操作时注意性能问题，不要过度依赖dom，append等放在变量中尽量一次完成插入 3. detach后的元素

约定不等于承诺〃/ 2022年07月15日 01:47/ 0 赞/ 160 阅读

相关 jQuery使用时注意

1. 属性选择器最好用”“，连续操作可用链式调用 2. dom操作时注意性能问题，不要过度依赖dom，append等放在变量中尽量一次完成插入 3. detach后的元素

曾经终败给现在/ 2022年07月15日 01:47/ 0 赞/ 277 阅读

相关 jquery checked 失效

<input type="checkbox" rel="sonBox" value="2"><span>无线开车蓝牙耳机</span> <button>点击</button

我就是我/ 2022年05月28日 06:05/ 0 赞/ 200 阅读

相关 jquery $() 失效

检查js代码中是否包含： function $(id){ ....... } 这段代码相当于覆盖了jquery中定义好的$()函数，所以使用

向右看齐/ 2022年02月01日 21:17/ 0 赞/ 315 阅读

相关使用jQuery的load方法以后，layui的select下拉框失效问题解决

在index.html中load一个a.html页面，发现a.html中采用layui框架的select组件失效，无法下拉解决办法：在a.html中的js代码中加上一句代

迷南。/ 2022年01月27日 17:51/ 0 赞/ 250 阅读

相关关于Jquery中trigger方法失效的坑。

今天做项目的时候跳的坑，由于某些原因，初始化的时候要遍历循环每个节点，并触发其click事件。于是正常的写上$("XXX").trigger("click"); 写完之后发现

淡淡的烟草味﹌/ 2021年09月30日 10:32/ 0 赞/ 461 阅读