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

淩亂°似流年 2022-12-04 07:32 445阅读 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 条评论，445人围观）

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

相关阅读

相关当MySQL遇到索引失效问题时：解决方法案例

在MySQL中，当索引失效可能会导致查询性能下降。以下是一些常见的解决方法案例： 1. **检查语法错误**：如果表结构没有错误，但仍然提示索引失效，可能是语句本身的

╰半橙微兮°/ 2024年12月16日 22:12/ 0 赞/ 140 阅读

相关关于java 锁失效问题

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

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

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

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

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

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

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

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

相关 jQuery使用时注意

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

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

相关 jQuery使用时注意

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

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

相关 jquery checked 失效

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

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

相关 jquery $() 失效

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

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

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

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

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

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

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

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