0

私の問題を 1 つのタイトルでどのように説明すればよいかわかりません。

私がやろうとしていることを説明しましょう。タスク リスト ウィジェットを作成したいと考えています。ユーザーはタスクの説明を 1 つの<input>フィールドに記入し、そのタスクのポイント値を から選択します<select>。「送信！」をクリックすると、ボタンをクリックすると、タスクの説明とポイント値の両方を含む新しい項目が jQuery を使用して下の順序付けられていないリストに追加されます。ユーザーがリスト内のアイテムをクリックすると、そのアイテムが削除され、関連するポイント値が合計スコアに (動的に、再び jQuery を使用して) 追加され、隅にある<div>に表示されます。fixed

フォームの作成やリストへのアイテムの追加に問題はありません。しかし、私を悩ませているのは、タスクがクリックされたときにポイント値を追加する方法です。

これは、パラメーター「name」と「pointValue」を持つ Task オブジェクトが役立つ可能性があるような気がしますが、その方法を正確に理解することはできません。オブジェクトを作成することはできますが、ページに追加された HTML と関連付けて、クリックされたときにそのポイント値が合計に追加されるようにするにはどうすればよいでしょうか? それとも、これは完全に間違った方法ですか？

現在の進行状況はこちらで確認できます。私が言ったように、私はほとんどのものを機能させる方法を理解することができます - ポイントシステムだけではありません.

ありとあらゆる助けをいただければ幸いです。私は jQuery と JavaScript を初めて使用するので、愚かな間違いを犯したとしても、あまり非難されないようにしてください。;)

ありがとう。

4

2 に答える 2

1

これを参照してください： http://jsfiddle.net/8L25m/9/

 $(document).on('click', '.task', function () {
    $(this).hide('fast', function () {
        $this.remove();
    });
    $("#score").html(parseInt($("#score").html(),10) + parseInt($(this).find(".taskValue").html(),10));

});
于 2013-02-27T06:58:02.960 に答える
0

jsfiddle で別の良いものを見つけることができます: http://jsfiddle.net/RWhitbeck/ZyYFG/

js (上記のソースから):

$(document).ready(function () {
    $('#button').click(function () {
        //save inputs as variables:
        var taskName = $('input[name=newTaskName]').val();
        var pointWorth = $('select[name=newTaskPoints]').val();

        //add a new list item for the task (and do it with spiffy animation)
        $('<li class="task"><div class="taskOuter"><div class="taskValue">+' + pointWorth + '</div><div class="taskDescription">' + taskName + '</div></div></li>')
            .hide().prependTo('#taskList').slideDown('fast');
    });

    //remove item (with spiffy animation) when clicked:
    $(document).on('click', '.task', function () {
        $(this).hide('fast', function () {
            $this.remove();
        });
        $("#score").html(parseInt($("#score").html(),10) + parseInt($(this).find(".taskValue").html(),10));
        //adding points happens somewhere in here but I'm completely baffled
    });
});
  • プロジェクトあり (ドロップダウン リージョン)
  • プロジェクトにはタスクがあり、チェックボックスがあります
于 2013-06-02T14:19:16.533 に答える