Question

嗨我对一个不工作的脚本感到有点困惑。这是我的情况我有这个代码：

<script src="jquery.js"></script>
<script>
    $(document).ready(function(){

        $('a#Press_one').click(function(event){
            event.preventDefault();
            $('div#main_left').load('1.html');

        })

    });
</script>
</head>
<body>
         <div id="main_left"></div>
         <a href="#" id="Press_one">Citeste mai mult...</a>
</body>
</html>

我使用NetBeans IDE编写了这个，当我运行它时，它运行得很好。我保存了名为index.html的文件，然后转到文件所在的文件夹。我双击了链接，但奇怪的是它不起作用。我再次尝试在NetBeans中工作。这里有什么问题？

Answer 1

只是预感，但我打赌你没有将jquery.js文件复制到html文件的新位置。

Answer 2

嗯，在阅读load（）

之后，为什么这个问题中的代码不起作用是很明显的

但你错过了html中的div #main_left 我在本地尝试使用div，它工作正常

Answer 3

试试这个：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){

        $('a#Press_one').click(function(event){
            event.preventDefault();
            $('div#main_left').load('1.html');
        })
    });
</script>
</head>
    <body>
         <div id="main_left"></div>
         <a href="#" id="Press_one">Citeste mai mult...</a>
    </body>
</html>

建议使用内容传送网络或CDN来获取您可能需要的所有文件，有许多javascript库和其他类型的库不在Google或Microsoft的CDN上，但jQuery几乎在每个CDN上。

请检查上面的代码以确保您确实获取了js文件，并检查浏览器的工具是否存在任何javascript错误，如果由于任何原因未加载jQuery，则window.$ == undefined和window.jQuery == undefined将为true 。请注意，$是jQuery的缩写。

Answer 4

您使用的是Chrome还是Firefox？如果Chrome，这不是一个问题，它没有找到jQuery。如果我运行它，我在javascript控制台中收到以下错误：

Origin null is not allowed by Access-Control-Allow-Origin.

这基本上是浏览器中的一项安全功能，可阻止XMLHttpRequest生成的load。当尝试从本地文件执行ajax-ish时，这很常见。如果您在文件服务器上提供它，它应该没问题，但Chrome不会从本地文件运行它以防止脚本出现任何安全问题。

如果我在Firefox中运行它，它可以工作。 Chrome对从本地文件系统加载脚本有更严格的安全限制。

在此堆栈溢出问题中也有一个很好的讨论：Origin null is not allowed by Access-Control-Allow-Origin

Answer 5

您需要让浏览器解析脚本标记... 尝试将type =“text / javascript”添加到脚本标记中，如下所示：

<script type="text/javascript">/*theFunction()*/</script>

div＃main_left在哪里？ http://jsfiddle.net/sVaHa/

jQuery代码不能在Netbeans之外工作

5 个答案: