2013-06-10 4 views
0

У меня есть следующая проблема:Jquery нагрузки в DIV

Я имею в первом HTML:
(index.html)

<html> 
<head> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#options").load('options.html'); 
    }); 
    </script> 
</head> 
<body> 
    <div id="options"></div> 
    <div id="containers"></div> 
</body> 
</html> 

я загрузить вторую страницу (options.html) в DIV 'варианты'

и во втором HTML:
(options.html)

<html> 
<head> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("#options").load('options.html'); 
    }); 
    </script> 
<body> 
<div id="options"> 
    <a href="anypage.html">any page</a> 
</div> 
</body> 
</html> 

работает! но я хотел бы загрузить ссылку «любая страница» страницы «options.html» в контейнерах div на странице «index.html».

как это сделать?

+0

вы не можете, по крайней мере, не с вашим текущим html. попробуйте поместить ссылку в свой файл, а затем загрузите ее в 'контейнеры'. или, поместите div 'container' в options.html. – sgroves

+0

, так что вам нужен анкерный элемент? или содержимое фактического «anypage.html»? –

ответ

1

Вам просто нужно сделать: -

$("#containers").load('options.html #options'); 

from jquery docs:-

При вызове .load(), используя URL-адрес без суффиксом выражения селектора , передается содержание в .html() до того, как скрипты удалены. Это выполняет блоки скриптов перед их отбрасыванием. Если .load() вызывается с выражением выбора, добавленным к URL-адресу, , однако, скрипты удаляются до обновления DOM, и, следовательно, не выполняются.

+0

Я думаю, что он хочет его в '# container' div', но я хотел бы загрузить ссылку «любая страница» страницы «options.html» в контейнерах div на странице «index.html'.' –

+0

Спасибо ..updated .. – Pranav

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