我有一個日歷，當用戶點擊任何日期，然后在右側顯示約會串列。
它作業得很好，但問題是當用戶點擊任何其他日期時，也仍然顯示以前的日期的約會。
因此，我需要的是，當用戶點擊任何新的日期，那么對于以前的日期的約會應該被隱藏，只顯示點擊日期的約會。
這是我的代碼，也附上了螢屏截圖。
當用戶點擊任何一個日期時，這個函式就會被呼叫......
function getEvents（date）{
events.forEach(function(entry) {
if (entry['start'] == date.format()) {
$("#appointmenttable").css({ "display": "block" }）。)
if (entry['appointmentstatus'] == 'Pending') {
$("#twobuttons").css({ "display": "block" }）。)
$("#onebutton").css({ "顯示": "none" }）。)
} else if (entry['appointmentstatus'] == 'Approved') {
$("#onebutton").css({ "display": "block" }）。)
$("#twobuttons").css({"display": "none" }）。)
} else {
$("#twobuttons").css({ "display": "none" }）。)
$("#onebutton").css({"display": "none" }）。)
}
var row = $('<tr id="mytablerow"> <td> <div> <img class="logo screen" src="images/placeholder. jpg" style="float:right; width:100px; height:100px;" /> </div> </td> '
'<td> <div>病人姓名：Test</div> <div>日期。<span> ' entry['start'] '</span> </div> <div>Time : <span>'] entry['startt'] '</span> </div>'
'<div>' entry['title'] '</div> < div>' entry['appointmentstatus'] '</div> </td> '
'<td id="twobuttons" style="display:none;"> <div> <button type="button" id="confirmbutton" class="css_button_new"> Confirm</button> </div> '/span>
'<div> <button type="button" id="rejectbutton" class="css_button_new" style="margin-top: 7px;">Reject</button> </div> </td> '
'<td id="onebutton" style="display:none;"> <div> <button type="button" id="cancelbutton" class="css_button_new"> Cancel</button> </div> </td> ' /span>
'</tr> '）。)
$('#appointmentdetailstable').append（行）。
}
});
uj5u.com熱心網友回復：
我認為你需要在附加之前清除$('#appointmentdetailstable') div。目前，你只是不斷地在你的 div 的末尾添加 HTML。
嘗試在你的代碼塊的開頭運行一個$('#appointmentdetailstable').empty();，這樣它就不會包含事件最后啟動時的行資料了。
檔案。https://api.jquery.com/empty/ https://api.jquery.com/append/
也可以在這里快速擺弄一下。https://jsfiddle.net/d2svbm9o/20/
uj5u.com熱心網友回復：
$('#appointmentdetailstable').empty();/code>
這就解決了我的問題。
非常感謝大家的幫助。
非常感謝大家對我的幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/307746.html
標籤：
上一篇：在部分視圖中系結名稱而不系結型別