2017-04-24 106 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('');

它应该工作