簡體   English   中英

JQuery將頁面加載到帶有樣式的div中

[英]JQuery load page into div with styles

我正在嘗試使用.load因此我可以將外部頁面加載到當前用戶頁面上的div中。 當我調用.load ,是否會加載內容,然后使用該頁面中定義的當前樣式表對其進行樣式設置? 如果不是,我會怎么做呢? 例;

<head>
  <link ref="stylesheet" href="main.css"/>
</head>
<body>
  <div class="section">
    <h2>Say this div was loaded with .load after page loaded</h2>
  </div>
</body>

如果.section是通過.load加載的,那么樣式是否會加載當前頁面並在加載后修改該div,或者只是加載了沒有樣式的html。 如果是后者,如何在不使用<style>標簽的情況下設置<style>

只要您以導致重繪的方式更改DOM(例如向DOM添加可見元素),就會根據CSS樣式表中的所有規則檢查每個元素。

所以直接回答你的問題。 是的,樣式將添加到隨時添加到DOM的元素中。

如果css在包含section div的頁面上可用,則在load呈現內容后將應用樣式。 此外,如果樣式是load響應的一部分,那么它也將使用應用的樣式進行渲染。

如果頁面上沒有樣式,並且您沒有在加載響應中獲取它,則必須使用ajax顯式獲取它,或者在頁面中添加帶有相應樣式表URL的鏈接標記。

您當前頁面的樣式將應用於通過.load加載的內容

您可以在主.css文件中指定CSS,因此在添加DOM時,樣式將從主CSS文件中獲取。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM