> 웹 프론트엔드 > HTML 튜토리얼 > jquery+div如何实现frameset效果?_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:42:33
원래의
1176명이 탐색했습니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿