2017-04-24 121 views
0

我有div,在按鈕點擊後附加一些數據。這裏是代碼按鈕點擊清除div(ASP.NET)

$('#display').click(function() { 
    $(".videolist").empty(); 
    var vacancyId = $("#vacancy").val(); 
    var model = { 
     vacancyId: vacancyId 
    }; 
    var today = new Date(); 
    var yyyy = today.getFullYear(); 
    $.ajax({ 
     url: '@Url.Action("Links", "Questions")', 
     contentType: 'application/json; charset=utf-8', 
     data: JSON.stringify(model), 
     type: 'POST', 
     dataType: 'json', 
     processData: false, 
     success: function (data) { 
      var question2 = data; 

      for (var i = 0; i <= question2.length - 1; i++) { 
       var videoHTML = '<div style="width:100%;overflow-y: scroll;background:white;height:60%;border-bottom:solid;border-color: #A9A9A9;">' + '<div style="float:left; width:50%;height:296px;border-right:solid;border-color: #A9A9A9;margin-bottom:10px;">' + 
        '<video style="width:100%;height:290px; object-fit: contain;padding-right: 15px;padding-left:15px;" controls>'; 
       videoHTML += '<source src="' + document.location.origin + "/uploads/" + question2[i].Linkes + ".webm" + '" type="video/webm">'; 
       videoHTML += '</video>' + '</div>' + '<div style="float:right;width:48%;text-align:center;height:296px;padding-top:30px;">' + '<div style="font-size:20px">' + '<b>' + question2[i].FIO + '</b>' + '</div>' + '<div style="font-size:20px">' + '<b>' + question2[i].City + '</b>' + '</div>' + '<div style="font-size:20px">' + '<b>' + (yyyy - question2[i].Vozrast) + '</b>' + '</div>' + '<div class="qustion-div-two" style="height:160px;margin-top:20px; background:white;" >' + 
        '<div id="comments" style="width: 100%; height: 70%;">' + '</div>' + 
        '<div id="write_field" style="width:100%;height:30%;">' + 
        '<input type="text" style="width:99%; height:75%;margin-left:2px;margin-bottom:5px;" />' + '</div>' + '</div>' + '</div>'; 
       $(".videolist").append(videoHTML); 

      } 
     } 
    }); 
}); 

當我選擇另一個空缺我看到前面生成的申報單。

我試圖通過這個$(".videolist").empty();清除它,但它不起作用。我的錯誤在哪裏?

感謝您的幫助。

+0

'空()'應該能正常運行。控制檯中是否有任何錯誤? –

+2

你使用IE嗎?如果是的話,它可以緩存ajax請求。添加緩存:false作爲您的ajax調用的參數,看看是否修復它 –

+0

所有的工作似乎是緩存。謝謝你的傢伙@Andrewbrough –

回答

0

使用此代碼:

$(".videolist").html('');

它應該工作