動態重新載入 CSS
在開發過程中修改 CSS 通常需要重新載入頁面才能觀察變更。這可能既麻煩又低效。幸運的是，有一些技術可以在不重新載入頁面的情況下更新 CSS。
解決方案：jQuery 函數
對於外部樣式表，jQuery 提供了一個方便的方法：
/**
* Forces a reload of all stylesheets by appending a unique query string
* to each stylesheet URL.
*/
function reloadStylesheets() {
var queryString = '?reload=' + new Date().getTime();
$('link[rel="stylesheet"]').each(function () {
this.href = this.href.replace(/\?.*|$/, queryString);
});
}實作
這個函數將唯一的查詢字串附加到每個樣式表URL。瀏覽器會識別更改後的 URL 並重新載入對應的 CSS 檔案。
替代方法
如果外部樣式表不適用，請考慮其他選項：
結論
所提供的 jQuery 函數提供了一種動態重新載入外部樣式表的簡單方法，無需重新載入整個頁面。這種方法適合需要即時預覽的頁內 CSS 編輯器。
以上是如何在不重新載入頁面的情況下動態重新載入CSS？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
