JQuery在Firefox中不起作用,但在Chrome中起作用

时间:2015-12-15 10:16:28

标签: javascript jquery css google-chrome firefox

我遇到了jQuery和Mozzila Firefox的问题。 一切都在Chrome中运行得很好,但不知何故Firefox没有看到jQuery。

这就是我调用jQuery的方式

 <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.png">


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script type="text/javascript" src="assets/bootstrap/js/datepicker.js"></script>

这就是它失败的地方(错误是:ReferenceError:$未定义):

 <script>
        function ajax_check(){

            var id = $("#xml_select").val(); // this is the line where I get error

             $.ajax({
                    url: "ajax_check.php?id="+id,
                    success: function(response) {

                        var result = jQuery.parseJSON(response);

                       //console.log( JSON.stringify(result['ncp'].replace('"','')) );

                       var ncp = JSON.stringify(result['ncp']);
                       var id = JSON.stringify(result['id']);


                       $("#racun").val(ncp.substring(1,12));

                       $("#id_podnosilac").val(id.substring(1,5));
                    }, 
                  });

        }
</script>

请帮忙,可能是什么造成的?

5 个答案:

答案 0 :(得分:5)

您将根据加载时间/不同浏览器随机获取此错误。因为根本原因是你从googleapis加载jquery.min.js。第三方域资源的优先级低于本地域资源。加载本地域资源后,将触发“文档就绪”函数语句。这就是你得到这个错误的原因。

永久性解决方案:将jquery.min.js文件放入您的服务器并从您的域中调用它。即使您的页面存在加载时间问题,也可以在任何浏览器中使用此解决方案。

答案 1 :(得分:1)

A.Wolf

找到的解决方案

当我提出了几个完整请求(ctrl + f5)为A.Wolf时,Firefox开始正常工作。

答案 2 :(得分:1)

在代码中使用“ jQuery”一词(不带引号)代替$

答案 3 :(得分:0)

这个问题甚至在3年后仍然存在。有些人只是将jquery用于$函数,这很荒谬。一个人可以自己编程。

$ = document.getElementByIdByClass有很多方法可以在DOM和新出现的DOM中进行搜索。

我遇到了在文档加载时分配功能的问题,此问题here已解决

答案 4 :(得分:-1)

A.Wolf建议。你需要按'ctrl + f5'键。有时它会因缓存而发生。使用'ctrl + shift + delete'并清理浏览器缓存然后运行您的代码。