2014-05-15 88 views
-1

我有當我做在同一個js文件('.editButton').show();其在它刷新頁面後,I M失去輸入按鈕場

table = table + '<td class="mytd"><input type="button" style="display:none; width:40px; color:White; background-color:#00BFFF;" class="editButton" value="Edit" id="' + obj[i].orderid+ '"/></td>'; 

它變得可見這個代碼的js文件。

但刷新頁面後,編輯按鈕變得不可見。

我不知道在哪裏的問題..

任何幫助表示讚賞

感謝

+1

風格=「顯示:無; <------這將使你的按鈕隱藏每次刷新 – synapze

+2

的頁面,因爲瀏覽器的時間就像白板一樣,你抹去它並重新開始,它不會奇蹟般地知道你想要保持狀態,你必須自己編寫代碼。 – epascarello

回答

1
table = table + '<td class="mytd"><input type="button" style="display:none; width:40px; color:White; background-color:#00BFFF;" class="editButton" value="Edit" id="' + obj[i].orderid+ '"/></td>'; 

這在輸入標籤style="display: none"

因此,在JS中,當您以這種方式構建DOM並將其附加到HTML時,它將默認隱藏。

正如你所說,當你打電話給('.editButton').show();它顯示給用戶。

但是,當你刷新頁面時,DOM會重新構建,並且所有JS更改都將丟失。它不保留JS更改,而需要再次執行。

這就是爲什麼它總是隱藏。

如果你試圖把

$(function() { 
// table construction code here 
// append to body 

('.editButton').show(); 
}); 

它會顯示輸入框總是在頁面加載時。

我假設你是這行之前構建表;)