Таргетинг метки привязки на тег div на той же странице

Question

У меня есть меню с привязным тегом, при нажатии ссылки на ссылку. Я хочу открыть новую страницу jsp в теге div так же, как и тег. Мой файл JSP:

<ul> 
     <li><a href="music_details.jsp" target="#div_displayfrom">Music</a></li> 
     <li><a href="dance_details.jsp" target="#div_displayfrom">Dance</a></li> 
</ul> 

<div class="main-container" id="div_displayfrom"> 

</div> 

Пожалуйста, помогите .... Спасибо заранее !!

Answer 1

Если вы хотите использовать JQuery, то вы можете сделать это:

<ul id='mainTabs'> 
    <li><a href="music_details.jsp">Music</a></li> 
    <li><a href="dance_details.jsp">Dance</a></li> 
</ul> 

, то вы можете сделать это в JQuery:

$('#mainTabs a').click(function(e){ 
    e.preventDefault(); 
    $('#div_displayfrom').load(this.getAttribute('href')); 
}); 

Answer 2

Атрибут target указывает, где открыть связанный document.Following являются допустимыми значениями атрибутов,

_blank - открывает связанный документ в новом окне или вкладке

_self - открыть связанный документ в том же кадре, как она была нажата (это по умолчанию)

_parent - Открывает связанный документ в родительском фрейме

_top - Открывает связанный документ в полном теле окна framename Открывает связанный документ в указанной рамке

См How do I load an HTML page in a <div> using JavaScript?, чтобы загрузить страницу в DIV.

Answer 3

Попробуйте это: функция

Используйте .load() для загрузки содержимого страницы в указанный DIV.

$('ul > li > a').click(function(){ 
    $('#div_displayfrom').load($(this).attr('href')); 
    return false; 
}); 

Answer 4

попробовать так:

<ul> 
<li><a href="music_details.jsp#div_displayfrom">Music</a></li> 
.... 
</ul> 

<div class="main-container" id="div_displayfrom"> 

Answer 5

Короткий ответ в том, что вы не можете.

Поведение, которое вы описываете, относится к iframe, а не к div.

Вы можете подделать его с помощью JavaScript (Ajax) для извлечения содержимого, а затем поместить извлеченный HTML в div (но вам придется учитывать таблицы стилей, скрипты, разные URL-адреса, которые будут разрешены относительными URL-адресами в документе против и т. д.). jQuery имеет метод load, чтобы помочь в этом.