Возникли проблемы с внешним файлом .js и с помощью Google Loader? - PullRequest
0 голосов
/ 23 сентября 2011

Этот код прекрасно работает, когда я включаю jQuery в HTML-документ; однако, он перестает работать полностью, если я помещаю его во внешний файл javascript. Я ссылался на библиотеку jQuery перед обращением к внешнему файлу js, поэтому не уверен, в чем проблема. Я новичок в 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');
            }
    });
});

1 Ответ

1 голос
/ 23 сентября 2011

Я так понимаю, вы хотите, чтобы элемент списка был редактируемым?Если это так, вы пропускаете (документ) .ready

Редактировать: Упс, не читается должным образом.Вы хотите, чтобы редактируемый список отображал какие-либо изменения, если пользователь уходит и возвращается на страницу?Ну, это работает для меня локально, используя оба метода.

Может быть, глупый вопрос, но правильно ли вы ссылаетесь на свой внешний файл .js?Я заметил, что src = "/ html5.js", а не "html5.js", и когда я делаю первое, это не работает для меня ...

...