0

私はこのJavaScriptを完全に機能させることができません.100万回も尋ねられており、SOでさまざまな例を見てきましたが...役に立ちませんでした.

コードは次のとおりです。

// modifed from http://stackoverflow.com/a/6520723/2128691

var count = 1;
var goal = 0;

$(function() {
    $('#add_goal').click(function() {
        addGoal();
    });
});

$(function() {
    $('#remove_goal').click(function() {
        removeGoal();
    });
});


function addGoal()
{
    $('#goal_form').append('<tr></tr>');
    $('#goal_form').append('<td class="goal_field fields"><input id="goal_goal" name="goal[goal]" placeholder="Students should..." size="30" type="text" /></td>');
    count++;
}

function removeGoal() 
{
    $('tr').remove();
    count--;
}

作業に非常に近いので、小さな問題に違いないと思います-必要な数のフィールドを追加でき、行を削除できますが、1回だけです。目標を一度削除した後、リンクを再度クリックしても何も起こりません (ただし、「追加」は機能します)。

4

2 に答える 2

2

この行:

$('tr').remove();

すべての行を削除します。

また、これらの行は意味をなさない

$('#goal_form').append('<tr></tr>');
$('#goal_form').
   append('<td class="goal_field fields"><input id="goal_goal" name="goal[goal]" placeholder="Students should..." size="30" type="text" /></td>');
  1. tr内にtdを追加していません。
  2. テーブルですか?#goal_form_ そうでない場合は、テーブル行を追加することはできません。
于 2013-08-21T13:54:08.640 に答える