首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery选项卡小部件-交换选项卡内容

jQuery选项卡小部件-交换选项卡内容
EN

Stack Overflow用户
提问于 2012-08-29 07:52:32
回答 1查看 409关注 0票数 0

我已经使用PHP构建了一个应用程序,并给它提供了一个使用jQuery的基本界面,但是现在我希望通过使用HTML小部件来改善外观。我已经加载了选项卡式小部件作为主菜单,并将我的应用程序的主要部分链接到这些部分--因此实际上我有一个工作的主菜单。当我点击一个选项卡,一个页面载入窗口,但问题是,如果我然后单击该页面上的一个链接,它将带我到一个不同的地方。对于我来说,在那个选项卡中加载新页面的最简单方法是什么?

下面是一个指向我正在谈论的小部件的链接:http://jqueryui.com/demos/tabs/#default

编辑:在这个链接下面有一个教程代码片段,上面写着

“当前选项卡中的...open链接,而不是离开页面”

加载选项卡内容后的"Hijax“链接:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#example').tabs({
    load: function(event, ui) {
        $(ui.panel).delegate('a', 'click', function(event) {
            $(ui.panel).load(this.href);
            event.preventDefault();
        });
    }
});

这听起来很有希望,但我不知道如何使用它。在我的选项卡式界面页面(tabbedhome_v.php)中,我有一个带有id=“选项卡”的容器,其中包含选项卡内容。因此,我只是把代码中的示例改为“选项卡”,它现在似乎适用于更多的页面,但并不完全是出于某种原因。有人能给我解释一下这是怎么回事吗?

我在上面的代码中观察到:图像超链接引导下一个页面在面板中加载,但是我在这些页面上加载的javascript链接或jquery都没有工作。为什么会这样呢?

EN

回答 1

Stack Overflow用户

发布于 2012-08-29 07:56:45

由于您已经在使用jQuery,您可能需要查看.load()http://api.jquery.com/load/

您可以使用它将页加载到页中的元素中。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#tab-1').load('content.html');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12181851

复制
相关文章
无法向会话状态服务器发出会话状态请求
异常处理汇总-服 务 器 http://www.cnblogs.com/dunitian/p/4522983.html 无法向会话状态服务器发出会话状态请求。请确保 ASP.NET State Service (ASP.NET 状态服务)已启动,并且客户端端口与服务器端口相同。如果服务器位于远程计算机上,请检查HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\aspnet_state\Parameters\AllowRemoteConnection的值
逸鹏
2018/04/11
1.9K0
无法向会话状态服务器发出会话状态请求
无法向会话状态服务器发出会话状态请求
无法向会话状态服务器发出会话状态请求。请确保 ASP.NET State Service (ASP.NET 状态服务)已启动,并且客户端端口与服务器端口相同。如果服务器位于远程计算机上,请检查 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\aspnet_state\Parameters\AllowRemoteConnection 的值,确保服务器接受远程请求。如果服务器位于本地计算机上,并且上面提到的注册表值不存在或者设置为 0,则状态服务器连
纯粹是糖
2018/03/14
1.9K0
无法向会话状态服务器发出会话状态请求
AJAX - 向服务器发送请求请求
如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
chenchenchen
2022/11/29
1.8K0
GET 请求能传图片吗?
原文地址:https://juejin.im/post/6860253625030017031
良月柒
2020/11/23
1.6K0
GET 请求能传图片吗?
Debian 向社区发出邀请 请求测试 Debian 10 Buster 安装镜像
Debian项目团队已经向社区用户发出邀请,请求帮助测试即将推出的Debian GNU/Linux 10 “Buster”。该发行版本计划于2019年7月6日周六正式发布,整个开发阶段已经持续数年时间,相比Debian 9引入了诸多改进和新功能,努力将其打造成为非常优秀的新版本。
Debian中国
2020/01/21
1.1K0
AJAX如何向服务器发送请求?
AJAX(Asynchronous JavaScript and XML)是一种在Web应用程序中向服务器发送异步HTTP请求的技术。它通过在后台发送请求并异步地获取响应,实现了与服务器进行数据交互而不需要刷新整个页面。
网络技术联盟站
2023/07/07
5510
PDF能直接编辑吗?如何编辑PDF文件
PDF能直接编辑吗?相信大家都有同样的疑问吧,大家都觉得PDF文件特殊,应该不能直接进行编辑,如果尝试过编辑却没有成功,那可能是你没有找对方法,下面小编教你一招编辑PDF文件的方法,轻松搞定!
用户5843321
2019/10/21
4.7K0
PDF能直接编辑吗?如何编辑PDF文件
Cypress系列(69)- route() 命令详解
https://www.cnblogs.com/poloyy/category/1768839.html
小菠萝测试笔记
2020/10/28
1.4K0
Cypress系列(69)- route() 命令详解
请求拦截详解
不可操作数据 | 执行方法相关信息 | ResponseBody的返回结果 | http请求信息
派大星在吗
2021/12/06
2.2K0
FastApi请求拦截
我们经常听说请求拦截,那到底什么是请求拦截,请求拦截有什么用呢?今天我们就一起来看一看。
Python研究所
2022/06/17
2.6K0
FastApi请求拦截
Ajax向服务器端发送请求
Ajax 相当于浏览器发送请求与接收响应的代理人,以实现在不影响用户浏览页面的情况下,局部更新页面数据,从而提高用户体验。
小丞同学
2021/08/16
2.2K0
Angular 中的请求拦截
在上一篇的文章 Angular 中使用 Api 代理,我们处理了本地联调接口的问题,使用了代理。
Jimmy_is_jimmy
2022/04/15
2.4K0
Angular 中的请求拦截
Springmvc拦截器拦截Ajax请求
文章目录 1. 拦截器拦截Ajax请求 1.1. 原因 1.2. 解决 1.3. 第一种 拦截器拦截Ajax请求 ## 问题 如果我们在拦截器中定义了拦截器的路径为/user/*这个地址,并且拦截器拦截器之后,如果没有登录,那么重定向到登录界面。但是我们在未登录的前提下使用Ajax异步请求了/user/addUser.do这个地址,出现了拦截器是拦截了,但是并没有重定向到登录界面。 原因 可以参照这篇文章 :http://www.cnblogs.com/dudu/p/ajax_302_found.htm
爱撒谎的男孩
2019/12/31
1.9K0
九坤向全网Quant发出挑战!
量化投资与机器学习微信公众号,是业内垂直于量化投资、对冲基金、Fintech、人工智能、大数据等领域的主流自媒体。公众号拥有来自公募、私募、券商、期货、银行、保险、高校等行业30W+关注者,荣获2021年度AMMA优秀品牌力、优秀洞察力大奖,连续2年被腾讯云+社区评选为“年度最佳作者”。
量化投资与机器学习微信公众号
2022/07/25
3730
九坤向全网Quant发出挑战!
阿里二面:GET 请求能传图片吗?
base64 的本质是字符串,而 GET 请求的参数在 url 里面,所以直接把图的 base64 数据放到 url 里面,就可以实现 GET 请求传图片。
Java技术江湖
2021/12/02
1.1K0
阿里二面:GET 请求能传图片吗?
React技巧之发出http请求
原文链接:https://bobbyhadz.com/blog/react-send-request-on-click[1]
chuckQu
2022/08/19
7740
React技巧之发出http请求
Spring Boot 请求拦截
在面向对象编程的过程中,我们很容易通过继承、多态来解决纵向扩展。但是对于横向的功能,比如,在所有的 service 方法中开启事务,或者统一记录日志等功能,面向对象的是无法解决的。所以 AOP 其实是面向对象编程思想的一个补充。而过滤器和拦截器都属于面向切面编程的具体实现。
数媒派
2022/12/01
2K0
Spring security 拦截请求
比如说在未登录淘宝时,我们可以访问淘宝的首页,可是在访问购物车时就会跳出登录权限。
Tim在路上
2020/08/04
2.3K0
vue请求拦截案例
import axios from 'axios'; import {getToken} from '@/utils/token' import { Message } from 'element-ui' axios.defaults.baseURL = 'http://127.0.0.1:8080/api/'; //请求拦截器 axios.interceptors.request.use(function(config){ //在发送请求前 config.headers['token']
IT工作者
2022/05/10
4560
springmvc之配置拦截器拦截相应的请求
在<mvc:mapping path="/emps"/>中可以配置拦截的url地址。
西西嘛呦
2020/08/26
5750
springmvc之配置拦截器拦截相应的请求

相似问题

PHP能向Java发出HTTP请求吗?

38

我可以直接向janusGraph服务器发出http请求吗?

10

Cypress拦截并更改请求

12

基于请求体的Cypress拦截相同请求

12

Cypress组件测试拦截getServerSideProps请求

116
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文