从锚点获取哈希 URL 并加载到 Div 中

2024-01-29

我有一个视频库,左侧有一个菜单,并将内容加载到右侧的 div 中。菜单是从 php 视频帖子生成的,因此我们需要一个通用脚本来影响所有内容。

- 问题 -

这些链接将加载视频的 URL 作为当前 URL 上的锚点 -

eg.

http://www.divethegap.com/update/community/videos/#http://www.divethegap.com/update/2010/10/test-video-2/ http://www.divethegap.com/update/community/videos/#http://www.divethegap.com/update/2010/10/test-video-2/

所以我需要的只是一个脚本来获取哈希标签并将内容加载到 div 中。到目前为止,我的尝试却惨遭失败。我想这是类似于 document.location.hash 的东西,但不知道从那里去哪里。

非常感谢帮助。

Thanks


注意:这个答案使用 jQuery,因为 1.4.2 已包含在页面中并已被广泛使用。

您可以将点击处理程序附加到锚点,例如:

$("#nav a").click(function() {
  $("#content").load(this.hash.substring(1));
});

您可以在此处根据您的标记对其进行测试 http://jsfiddle.net/nick_craver/n5Stt/,不是不会actually加载演示,因为它位于单独的域上,但在同一域上可以正常工作。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从锚点获取哈希 URL 并加载到 Div 中 的相关文章

  • 我们在哪里/什么时候使用 JSON?

    你能告诉我 JSON 有什么用 在 Javascript 和 PHP 中 当我们需要 JSON 方法时 我从以下链接中阅读 但是 我没有获得有关任何项目的 JSON 实现的任何信息 http www json org js html htt
  • Heroku 上重启后 Better-SQLite3 数据库重置

    我有一个 Discord 机器人better sqlite3 https github com JoshuaWise better sqlite3硬币和 XP 数据库 直到两周前它一直工作得很好 现在 每次重新启动后 它只会恢复 XP 和硬
  • 始终滚动 div 元素而不是页面本身

    我有一个带有内部的页面布局 div 包含页面上重要内容的元素 设计的重要部分是 content height 300px width 500px overflow scroll 现在 当包含的文本大于 300px 时 我需要能够滚动它 是否
  • ELEMENT.style.color 在 IE 中不起作用

    在一个小型 Web 应用程序中 我使用 JavaScript 在文本框中设置一些文本及其颜色 在下面的片段中 el 是我的对象 这段代码在 Firefox Opera 和 Safari 下产生了正确的效果 但在 IE 下却没有这样的运气 我
  • JSSOR - 无法读取未定义的类型属性“currentStyle”

    我正在尝试将 Jssor 滑块实现到我的页面中 但我不断在标题中出现该错误 我的内容是通过 Javascript 动态创建的 如下所示 var slide app createHTML div id inventorySlides null
  • 如何使用 QuerySelector 获得第二个匹配项?

    以下语句给出了该类的第一个元素titanic element document querySelector titanic 我如何检索具有相同类的第二个元素 Use document querySelectorAll https devel
  • 角度引导手风琴数据绑定问题

    我有 2 个相同型号的下拉菜单 一个位于手风琴内部 另一个位于外部 外部下拉菜单在 2 路数据绑定方面工作良好 但手风琴内部的下拉菜单似乎只有 1 路绑定 换句话说 在 UI 中选择并不会设置模型值 我找到了一个建议here https s
  • 如何将多个文件上传到Firebase?

    有没有办法将多个文件上传到 Firebase 存储 它可以在一次尝试内上传单个文件 如下所示 fileButton addEventListener change function e Get file var file e target
  • Puppeteer 无法在 VPS (DigitalOcean) 上工作

    我在水滴中数字海洋 https www digitalocean com 我收到这个错误 node 5549 UnhandledPromiseRejectionWarning TimeoutError Navigation Timeout
  • 如何比较两个对象数组并更改两个数组中找到的对象的值?

    假设我有两个对象数组 let array1 id 1 name snow id 4 name jo id 8 name bran id 12 name gondo id 13 name peter
  • 输入和文本区域可以拖动吗?

    MDN 规范以及我能通过 Google 找到的每个网站都说所有 HTML 元素都可以拖动 然而 在实践中 我发现我无法拖动文本输入或文本区域 即使它们已被禁用 例如 使用以下代码 img src http www placehold it
  • 如何在 Web 应用程序中使用 Javascript 安全地访问 Windows Azure 移动服务?

    我需要一本 web javascript 安全入门书 根据如何使用 Windows Azure 移动服务的 HTML JavaScript 客户端 http www windowsazure com en us develop mobile
  • Array.indexOf 如何比 Array.some 更高效

    这个问题的灵感来自于这个问题的竞争答案 具有多个参数的indexOf https stackoverflow com questions 39000151 indexof with multiple arguments 用户想知道一种有效的
  • 将命令行参数传递给 emscripten 生成的应用程序

    当使用 Emscripten 编译 C 程序时 会生成一个 HTML 页面来显示程序的结果 我想知道如何将命令行参数传递给应用程序 例如 对于原始的 C 程序 它是 bfs 32 1 我能够通过向生成的 html 文件添加一行来传递命令行参
  • 谷歌浏览器不显示一个网站的alert()弹出窗口

    我正在开发一个 javascript 循环 该循环会随着循环的进行而提醒每个键值 为了加快速度 我选中了 阻止此页面创建其他对话框 框 通常这只会抑制一个例程的弹出窗口 但它们还没有回来 在 Google Chrome 中 alert 消息
  • 如何在javascript中删除对象的一部分

    这是我的代码 var data btn click function total data push id total cell val1 val2 val3 每次用户点击btn按钮 我向数据对象添加一些值 现在我的问题是如何删除有的部分i
  • 关于 Node.js Promise then 和 return?

    我对承诺感到困惑 I use 那么就答应没有返回像这样 new Promise resolve reject gt resolve 1 then v1 gt console log v1 new Promise resolve reject
  • 用于检查字符串是否至少包含 3 个字母数字字符的最有效的正则表达式

    我有这个正则表达式 a zA Z0 9 3 我用它来查看字符串中是否至少包含 3 个字母数字字符 似乎有效 它应该匹配的字符串示例 a3c 0 c 8 9 9d 但是 我需要它更快地工作 有没有更好的方法使用正则表达式来匹配相同的模式 编辑
  • jquery ajax“发布”调用

    我是 jQuery 和 Ajax 的新手 并且在 发布 方面遇到问题 我正在使用 jQuery Ajax post 调用将数据保存到数据库 当我尝试保存数据时 它将 null 传递给我的 C 方法 jQuery 看起来像这样 functio
  • 限制在三角形内

    我正在寻找一段通用代码 javascript 它可以与 jquery UI 一起使用来限制三角形内 div 的移动 拖动 与此类似 http stackoverflow com questions 8515900 how to constr

随机推荐

  • 删除 VSCode PHP 调试中的字符限制

    在 PHP 中进行调试并使用左侧的变量窗格时 将鼠标悬停在该变量 对象上时可以看到的字符数是有限的 无论如何 是否可以查看该变量的完整有效负载或除了必须使用之外的任何解决方法file put contents每次我想看到一个大的变量值 将变
  • jQuery data() 返回未定义,attr() 返回整数

    我有以下代码 alert embellishment data embellishmentId alert embellishment attr data embellishmentId 第一个警报返回undefined 而第二个警报返回一
  • 如何在 Perl 中异步运行系统命令?

    我目前有一个 Perl 脚本 它在系统上运行外部命令 收集输出 并根据返回的内容执行一些操作 现在 这是我运行它的方式 其中 cmd 是带有命令设置的字符串 output cmd 我想更改此设置 以便如果命令挂起并且在很长时间后没有返回值
  • Lucene 模糊搜索客户名称和部分地址

    我浏览了所有现有的问题帖子 但找不到相关的内容 我有数百万条记录 包括个人名字 姓氏 地址 1 地址 2 国家 地区代码 出生日期 我想每天使用上述文件检查我的客户列表 我的客户列表也会每天更新 并且文件也每天更新 对于名字和姓氏 我想要模
  • 点击 iPhone 上的文本输入字段会弹出键盘,但打字不会输入任何文本

    我正在努力使页面更具响应性 为此 我试图确保网页在移动设备上的外观和功能符合预期 在桌面上 它按预期工作 在 iPhone 上 它看起来与预期一致 但无法按预期工作 如果您选择输入字段 它将聚焦并调出键盘 但是它不会让您输入任何内容 如果您
  • NSFetchRequest 和 predicateWithBlock

    我正在使用一个使用 Core Data 和 NSManagedObjects 来填充 UITableView 的应用程序 我的应用程序中只有一个类 称为Event 我创建了以下自定义实例方法Event BOOL isExpired retu
  • 如何从控制台应用程序中的 config.json 读取值

    我刚刚安装了 ASP NET 5 并在 Visual Studio 中创建了一个控制台应用程序 我已将文件 config json 添加到项目的根文件夹中 它看起来像这样 Data TargetFolderLocations TestFol
  • 在Python中检索所有Cookie

    如何在不知道名称的情况下用 Python 读回所有 cookie 不确定这是否是您正在寻找的内容 但这是一个简单的示例 您将 cookie 放入 cookiejar 中并读回它们 from urllib2 import Request bu
  • 无法解析主机:bitbucket.org;提供节点名或服务名,或未知

    每次我尝试使用终端从 Bitbucket 克隆任何存储库时 都会出现此错误 git clone https email protected cdn cgi l email protection me myrepo git Cloning i
  • 姜戈。如何保存用 Pillow 编辑的内容文件

    我正在尝试保存下载的图像requests然后编辑Pillow to ImageField在一个模型中 但物体是在没有图像的情况下被创建的 这就是我所拥有的 设置 py MEDIA ROOT BASE DIR media MEDIA URL
  • NameError(未初始化常量 Unzipper::Zip),但仅限于 Heroku 部署 (Rails)

    我有课unzipper rb使用 Rubyzip 解压缩文件 在我的本地环境中 我可以成功解压缩文件 而无需使用显式包含依赖项require zip 不过在 Heroku 上 我得到了NameError uninitialized cons
  • 无形状:从副产品映射到不同的副产品

    在下面 我尝试创建一个多态函数来转换RawFeatureValue into a RefinedFeatureValue import shapeless object test type RawFeatureValue Int Doubl
  • 使用 Series 更新 DataFrame 中的列

    我有一个DataFrame对象在pandas具有多个行和列 出于说明目的 假设我有两个这样的列 名为Address and Age 我也有一个Series将多个地址映射到年龄的对象 现在 我想使用该系列更新数据框 这是我目前的做法 for
  • 正则表达式从字符串中删除开始和结束字符?

    假设我有一个像这样的字符串 file widget widget newsletter php 我想使用 preg replace 删除前缀widget 并删除后缀 php 是否可以使用一个正则表达式来实现这一切 结果字符串应该是widge
  • 如何在 GHCi 重新加载之间保留环境?

    基本上当我 load name hs变量和绑定都消失了 有没有什么选项可以告诉 ghci 保留一切 要加载新模块 您可以使用 Prelude gt m Mymodule 但重新加载并保持交互式绑定通常是不可能的 重新加载本质上是忘记所有模块
  • 为什么必须在 Service Worker 中克隆 fetch 请求?

    在 Google 的 Service Worker 示例之一中 缓存并返回请求 https developers google com web fundamentals getting started primers service wor
  • SQL连接,获取多个同名列

    我有一张带有一列的表ID and SERVICE TYPE TEXT 以及另一个包含列的表 ID SERVICE TYPE 以及许多其他专栏 The SERVICE TYPE第二个表中包含ID从第一张表开始 我想查询 这样我就可以得到SER
  • 是否应该在 Silverlight 中重用 WebClient 实例

    我正在为 Windows Phone 7 编写一个 Silverlight 应用程序 其中有一个类需要向WebClient DownloadStringAsync http msdn microsoft com en us library
  • 用于节点关闭挂钩的 Azure Functions?

    JS Azure Functions 是否有关闭挂钩 C 库支持取消令牌 https learn microsoft com en us azure azure functions functions dotnet class librar
  • 从锚点获取哈希 URL 并加载到 Div 中

    我有一个视频库 左侧有一个菜单 并将内容加载到右侧的 div 中 菜单是从 php 视频帖子生成的 因此我们需要一个通用脚本来影响所有内容 问题 这些链接将加载视频的 URL 作为当前 URL 上的锚点 eg http www diveth