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

关于使用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>