Question

当我在html文档中包含jQuery时，此代码可以正常工作;但是，如果我将它放入外部javascript文件中，它将完全停止工作。我在引用外部js文件之前引用了jQuery库，所以我不确定问题是什么。我已经是jQuery的初学者了。

<!DOCTYPE html>
<html>
<head>
<title>HTML 5 Stuff</title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="/html5.js"></script>
<head>
<body>
<figure>
    <img src="http://www.yalibnan.com/wp-content/uploads/2011/02/steve-jobs1.jpg" alt="Steve Jobs" />
    <figcaption>
        <p>Steve Jobs before giving up his title as CEO of Apple Inc.</p>
    </figcaption>
</figure>
<section>
<ul id="edit" contenteditable="true">
<li>List item one</li>
</ul>
</section>
</body>
</html>

和Javascript：

google.load("jquery", "1.3.2");
google.setOnLoadCallback(function() {
    $(function($) {
        var edit = document.getElementById('edit');
        $(edit).blur(function(){
            localStorage.setItem('todoData', this.innerHTML);
            });

        if(localStorage.getItem('todoData')){
            edit.innerHTML = localStorage.getItem('todoData');
            }
    });
});

Answer 1

我认为您希望列表项可编辑吗？如果是这样，你错过了（文件）.ready

编辑：糟糕，没有正确阅读。如果用户离开并返回页面，您希望可编辑列表显示任何更改吗？好吧，它使用这两种方法在本地工作。

也许是个愚蠢的问题但是你正确地链接到你的外部.js文件了吗？我注意到src =“/ html5.js”而不是“html5.js”，当我做前者时它对我不起作用......

有外部.js文件和使用谷歌加载器的问题？

1 个答案: