2012-01-23 3 views
4

Я пытаюсь использовать .load, поэтому я могу загрузить внешнюю страницу в div на странице текущего пользователя. Когда я вызываю .load, загружает ли он контент, а затем стирает его с текущей таблицей стилей, определенной на этой странице? Если не так, как бы я это сделал? Пример;Страница загрузки JQuery в div со стилями

<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>?

+0

Вы попробовали и посмотрели, что произойдет? Вы могли бы ответить на ваши вопросы таким образом. –

ответ

2

Каждый раз, когда вы изменяете DOM способом, который вызывает перерисовку (например, добавление видимых элементов в DOM), каждый элемент проверяется со всеми правилами в стилях CSS.

Чтобы ответить на ваш вопрос напрямую. Да, стили будут добавлены к элементам, которые добавляются в DOM в любое время.

+0

Хорошо, спасибо! Не был уверен в этом. –

+0

Добро пожаловать. – Jasper

+0

Любая причина, по которой она не будет загружать css, но загрузит контент? Он показывает только текст не в стиле, но если я перейду на страницу напрямую и добавлю ссылку на мою таблицу стилей, она выглядит идеально. Идеи? –

1

Если css доступен на странице, которая содержит section div, тогда стили будут применяться после того, как load предоставит контент. Также, если стили являются частью ответа load, тогда он также будет отображаться со стилями.

Если стили недоступны на странице, а также вы не получаете ее в ответ на загрузку, тогда вам нужно явно получить ее с помощью ajax или добавить тег ссылки с соответствующим URL-адресом стилей на странице.

1

Вашего стиля текущей страницы будет применяться к содержимому загруженного через .load

1

Вы можете указать CSS в основном файле .css, поэтому при добавлении DOM, стили взяты из основного файла CSS.

Смежные вопросы