0

私が達成したいのは

  1. ユーザーがテキストフィールドのプレスタブに入力するか、次のテキストフィールドをクリックすると、入力タグが削除され、テキストフィールドから読み取った値が表示されます（WORKS）

    2.ユーザーがこのテキストをクリックすると、編集モードになります（編集または置換するために値が表示されたテキストボックス）（WORKS）

ユーザーが次のテキストフィールドをクリックするか、タブを押すと、ステップ1などが実行されます（動作しません！）

     $(document).ready(function(){

     $("input#aoneonedata").focusout(function(){
     $(this).remove();
    var aoneone=parseInt($(this).val())||0;
    $(this).remove();
     $("#aoneone").append("<div id='a11'>"+aoneone+"x</div>");

      $("#a11").click(function(){
      $(this).remove();
    $("#aoneone").append("<input type='text'
    id='aoneonedata' value="+aoneone+">");
      });



      });


      });

     <table>
      <tr>
      <td id="aoneone"><input type="text" id="aoneonedata"></td>
      <td id="aonetwo"><input type="text" id="aonetwodata"></td>
       </tr>
       </table>
4

1 に答える 1

1

focusoutこれは、入力を削除するとバインディングが失われるためです。

このフィドルを参照してください。

編集時に入力を厳密に削除する必要がある場合は、再作成後に関数をfocusoutに再署名してみてください。focusoutただし、値が変更されるたびにバインディングを再署名したくない場合は、次のようにすることができます。

お役に立てれば。

于 2013-02-01T18:18:08.497 に答える