Javascript js文件未加载，但执行了下一个脚本？_Javascript_Jquery_Html

Javascript js文件未加载，但执行了下一个脚本？

javascript jquery html

Javascript js文件未加载，但执行了下一个脚本？,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有静态JS库引用的非常简单的页面 <!DOCTYPE html> <html> <head> <title>some title here</title> <link rel="stylesheet" type="text/css" href="//SOMESERVER.com/1.0.4815/css/public.css" /> <!--[if lt

我有一个带有静态JS库引用的非常简单的页面

<!DOCTYPE html>
<html>
    <head>
        <title>some title here</title>
        <link rel="stylesheet" type="text/css" href="//SOMESERVER.com/1.0.4815/css/public.css" />
        <!--[if lt IE 9]>
            <link rel="stylesheet" type="text/css" href="//SOMESERVER.com/1.0.4815/css/publicIE8.css" />
            <script src="//SOMESERVER.com/1.0.4614/js/json2.js"></script>
        <![endif]-->
        <script type="text/javascript">
        window.qbaka || (function(a,c){a.__qbaka_eh=a.onerror;a.__qbaka_reports=[];a.onerror=function(){a.__qbaka_reports.push(arguments);if(a.__qbaka_eh)try{a.__qbaka_eh.apply(a,arguments)}catch(b){}};a.onerror.qbaka=1;a.qbaka={report:function(){a.__qbaka_reports...
        </script>

        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="//SOMESERVER.com/1.0.4815/js/knockout.js"></script>
        <script type="text/javascript" src="//SOMESERVER.com/1.0.4815/js/colorbox.min.js"></script>
        <script type="text/javascript" src="//SOMESERVER.com/1.0.4815/js/public.js"></script>

        <script type="text/javascript">
            var user = {};
            user.loggedIn = false;
            user.displayName = '';
            user.dateFormat = '';
            user.timeFormat = '';
            // bit more very simple code here
        </script>

        <script type="text/javascript">
            $(document).ready(function () {
                //correct code here
            });
        </script>

符合

$(document).ready(function () {

我一直认为库是按外观顺序执行的，所以如果我包含对jQuery的引用，我确信我可以立即访问，而无需任何try-catch或其他东西

这怎么可能？jQuery库（来自google服务器）不可用，此JS库未加载，代码是否进一步执行？有什么想法吗？

如果您在页面中使用其他自定义插件，那么它可能与$（即Jquery）冲突

请尝试$.noConflict（）

链接：

谢谢

Siva

该错误可能由以下原因引起：

您的

jquery

文件未正确加载到页面中。或

而不是

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
            $(document).ready(function () {
                //correct code here
            }
        </script>

检查一下

按查看源检查

jquery

是否正确加载

尝试下载

jquery

文件并从本地服务器使用它

试试这个

<script type="text/javascript">
            $(document).ready(function () {
                //correct code here
            });
        </script>


$（文档）.ready（函数（）{
//这里的代码正确吗
});

而不是

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
            $(document).ready(function () {
                //correct code here
            }
        </script>


$（文档）.ready（函数（）{
//这里的代码正确吗
}

您没有调用您的

$（document）。ready

功能正常。

您缺少document ready handler

）

，这是打字错误吗？您的代码包含忽略的右括号、圆括号等。需要注意的是，您应该让我们知道您正在导入的库的实际路径

//SOMESERVER.COM/1.0.48

很少在我们的机器上工作。对我来说，地址栏中前面的//将假定文件：//protocol.missing'）是一个打字错误。在实际代码中，它是存在的，并且在99.9%的情况下运行良好。//SOMESERVER是我的CDN服务器。libs refenreces by在这里不算，因为jQuery lib只在某些情况下丢失。虽然这是一个好主意，但错误表明它根本没有被创建过，所以它不可能是issue.PS的来源-他正在加载Knockout和jQuery-两者都使用$，所以他仍然需要这段代码，因为在99.9%的情况下，它工作正常。只是有时候jQuery库似乎没有加载。是否有可能googleapis.com未能提供jQuery库，即使之前的脚本未加载，我页面上的下一个脚本也会执行？@deryck我以为他在使用一些“public.js”（我认为这是第三方）因此，它可能与jquerypublic冲突。js是我自己的js打包到一个缩小的文件中。但在99,9%的情况下，jQuery被正确加载。你的意思是，如果jQuery库不是从googleapis.com加载的，那么下一个脚本会正常执行吗？那么，告诉我为什么“$（document）.ready（function（）{'在加载jQuery之前执行？这怎么可能？是的，大多数情况下，

jQuery

从

googleapis.com

正确加载，如果您检查

jQuery.com

它们也从

googleapis.com

加载相同的内容，则会感染。因此这应该可以工作。但在您的情况下，文件可能无法正确加载我建议从查看源代码进行检查。或者您可以尝试从本地服务器加载文件。就像我提供的

一样。是的，很有可能

$（文档）。就绪（函数（）{

在

jquery

源文件完全加载之前正在执行。请尝试从本地服务器加载。Dibyendu-我无法在本地检查它，因为我是通过qbaka（外部js日志库）收到此错误的-这意味着此错误发生在某些用户身上，而不是我：）…我只是不知道如何防止此错误。缺少“）'是一个类型。这与错误无关。无论如何，谢谢

<script type="text/javascript">
            $(document).ready(function () {
                //correct code here
            });
        </script>

<script type="text/javascript">
            $(document).ready(function () {
                //correct code here
            }
        </script>