首頁 >web前端 >html教學 >jquery+div如何实现frameset效果?_html/css_WEB-ITnose

jquery+div如何实现frameset效果?_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:42:331162瀏覽

jquery div

页面布局左右两部分,想在左边的导航栏某个连接点击,在右边显示对应的页面。
原来用frameset显示用target就可以了。如果用div+jquery怎么实现?麻烦给个例子或者相关的链接。

我试着用load直接加载要显示的右边界面,可界面显示后不是在对应的div里,而是全页显示了。

回复讨论(解决方案)

这个简单啊, 举个例子: $("#feeds").load("feeds.html");

#feeds是你右边的呈现内容的div , feeds.html是你要加载的页面, 如果你只是想要加载feeds.html页面的某一个元素,可以写成 $("#feeds").load("feeds.html #content>*");  意思就是为"#feeds"块加载 feeds.html 页面的 #content元素的所有内容, 明白?

哦,学习了,之前用jquery 多了,但是还没有用到这个功能

页面布局左右两部分,想在左边的导航栏某个连接点击,在右边显示对应的页面。
原来用frameset显示用target就可以了。如果用div+jquery怎么实现?麻烦给个例子或者相关的链接。

我试着用load直接加载要显示的右边界面,可界面显示后不是在对应的div里,而是全页显示了。
              
 ……

直接load那个页面,肯定是全页显示,你要在load的Url后面加上目标页的元素ID,也就是你想要的页面的某个元素的ID,例如下面这个例子,加载feeds.html页面的#content块的全部内容, 要注意#content后面是 >*,星号不要漏掉,同时页面和元素之间有个空格
$("#feeds").load("feeds.html  #content>*");

引用 楼主 small_tu 的回复:页面布局左右两部分,想在左边的导航栏某个连接点击,在右边显示对应的页面。
原来用frameset显示用target就可以了。如果用div+jquery怎么实现?麻烦给个例子或者相关的链接。

我试着用load直接加载要显示的右边界面,可界面显示后不是在对应的div里,而是全页显示了。
              
 ……
……

thank you very much!!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn