Question

我正在创建一个页面，该页面由后端的值动态创建，并且当用户输入新值时需要立即更新。

在后端输入并更新回复时，我会擦除页面，并使用后端中的新数据重写页面。

JS文件为：


$('document').ready(function(){

     dt_DATA=$.getDATA();   //fetches data from backend

     var page="";

     $.each(dt_DATA.data, function (i) {

         page = page +" /*Loop to create page*/ ";     

     });

         page = page + "<input id='NewReply' type='text'" +
          " placeholder='Enter your reply'>" +
          "<button id='SubmitReply' type='button'> Reply </button>";
               //adds the input field

     $(page).appendTo("#PageGoesHere");

     $("#SubmitReply").click(function(){

           // Calls function to update backend

           page = "";

            //invoke same loop to get new value for page

           page = page + "<input id='NewReply' type='text'" +
          " placeholder='Enter your reply'>" +
          "<button id='SubmitReply' type='button'> Reply </button>";
               //adds the input field

           $('#PageGoesHere').html("");

       $(page).appendTo("#PageGoesHere");


     });

});

第一次加载页面时，一切运行正常，后端更新，新页面加载。

但是第二次更新jsp后，由于按钮失去了功能，因此无法做出第二次答复。

尝试使用调试器会向我显示脚本已被读取一次，并且该按钮似乎无法通过单击功能返回到原来的位置。

PS。仅仅一个月前，我就开始盯着JS学习，放轻松吧。

重新写JSP后按钮失去功能

0 个答案: