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属性指定打开链接文档的位置。以下是有效的属性值，

_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

简短的回答是，你不能。

您描述的行为是iframe，而不是div。

你可以通过使用JavaScript（Ajax）来获取内容，然后将获取的HTML放入div中来假装它（但你必须考虑样式表，脚本，文档中相对URL的不同URL将被解决等）。 jQuery有一个load方法来帮助解决这个问题。

Answer 5

尝试这样：

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

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

将锚标记定位到同一页面中的div标记

5 个答案: