0

私の通常のキャリアの側でまだこの言語を学んでいて、機会を得たとき、私は簡単な例をまとめることができません。これは、ユーザーが雑用を入力し、下に表示されるエントリを送信するボタンをクリックするToDoリストです。ただし、以下のコードは、（私には）見た目どおりに正しく、意図したとおりに機能しません...

HTML（Bodyタグ間）

<div id="toDoContainer">
    <h1>To Do</h1>
    <p>Here's your very own to do list, complete with added jQuery</p>
    <form id="toDo">
        <input type="text" name"toDoEntry" />
        <button id="addButton">Add</button>
    </form>

    <div id="toDoList"></div>

    <p>Tick a box next to your entry show as complete</p>
</div>

jQUERY：

$(document).ready(function(){
    $('button').click(function() {
        var toDoItem = $('input[name=toDoEntry]').val();
        if(toDoItem.length === 0) {
            alert('You need to add an entry into the toDo list');
        } else {
            $('#toDoList').append(toDoItem);
        }
    });
});

私がどこで間違っているのかについて何か考えはありますか？

サイモン

4

2 に答える 2

4

単純なHTML構文エラーがあります。

変化する：

 <input type="text" name"toDoEntry" />

に：

 <input type="text" name="toDoEntry" />

<form>また、タグを削除します。これにより、ページの現在のインスタンスから移動します。

HTMLフォームの詳細については、次の役立つブログ投稿を参照してください。

http://webdesign.about.com/od/forms/ss/html-forms-tutorial.htm

また、「To Doリストアイテム」を分割することをお勧めします。そうしないと、それらは互いに連結されます。

たとえば、「タスク1」と「タスク2」を追加すると、「タスク1タスク2」になります。それらをリストに入れることをお勧めし<ul>ます：

$(document).ready(function(){
    $('button').click(function() {
        var toDoItem = $('input[name=toDoEntry]').val();
        if(toDoItem.length === 0) {
            alert('You need to add an entry into the toDo list');
        } else {
            var $li = $("<li/>");
            $li.append(toDoItem);
            $('#toDoList').append($li);
        }
    });
});​

-動作中のデモを見る-

于 2012-12-04T10:20:46.770 に答える
3

書きます

 <input type="text" name="toDoEntry" />

代わりは

<input type="text" name"toDoEntry" />

「=」を忘れた

于 2012-12-04T10:19:50.733 に答える