相关疑难解决方法(0)

如何检测JavaScript中的URL更改

如何检查JavaScript中的URL是否已更改?例如,使用AJAX的GitHub等网站会在#符号后附加页面信息,以创建唯一的URL而无需重新加载页面.检测此URL是否更改的最佳方法是什么?

  • onload再次调用事件?
  • 是否有URL的事件处理程序?
  • 或者必须每秒检查一次URL以检测更改?

javascript ajax

132
推荐指数
10
解决办法
18万
查看次数

Bootstrap Collapse - 打开给定的id片段

想象一下Bootstrap崩溃有3个部分

<div class="panel-group" id="accordion">
    ...
    <div id="accordionOne" class="panel-heading"></div>
    ...
    <div id="accordionTwo" class="panel-heading"></div>
    ...
    <div id="accordionThree" class="panel-heading"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

是否有一种简单的方法可以使插件打开给定的HTTP片段标识符

示例http://myproject/url#accordionTwo将打开第二个手风琴

html javascript fragment-identifier twitter-bootstrap

19
推荐指数
3
解决办法
2万
查看次数

如何在页面加载后导航到主题标签?

我想做到目前为止我所发现的相反.我用js设置了很多高度,我想在页面加载后导航到url中的hashtag.我猜这很简单,但我没有看到明显的答案......例如,请点击这里......

http://alavita.rizenclients.com/#story

使用代码尝试了这个...

$(window).load(function() {
    var hashTag = window.location.hash;
    window.location = '/' + hashTag;
}); 
Run Code Online (Sandbox Code Playgroud)

实际上并没有把我带到标记部分的顶部......

javascript hashtag

13
推荐指数
1
解决办法
2万
查看次数

打开带有嵌套“详细信息”内的锚点的页面时如何扩展详细信息/摘要?

<ul>使用 制作了可折叠的 html 列表<details> <summary>

但是,如果我尝试引用书签,它不会自动打开。在下面的示例中,我希望调用 url 页面来#Q0A0查看页面自动打开Q0节点和Q0A子节点以使其Q0A0可见:

例如:list.html#Q0A0

<!DOCTYPE html>
<html lang="en">
<head>
<title>Details/summary opened with anchor via javascript</title>
</head>
<body>

<ul>
<li><details id="Q0"><summary>Q0</summary>
  <ul>
    <li><details id="Q0A"><summary>Q0A</summary>
      <ul>
        <li><details id="Q0A0"><summary>Q0A0</summary>Answer to Q0A0</details></li>
        <li><details id="Q0A1"><summary>Q0A1</summary>Answer to Q0A1</details></li>
        <li><details id="Q0A2"><summary>Q0A2</summary>Answer to Q0A2</details></li>
      </ul>
      </details>
    </li>
    <li><details id="Q0B"><summary>Q0B</summary>Answer to Q0B</details></li>
    <li><details id="Q0C"><summary>Q0C</summary>Answer to Q0C</details></li>
  </ul>    
  </details>
</li>
<li><details id="Q1"><summary>Q1</summary>
  <ul>
    <li><details id="Q1A"><summary>Q1A</summary>Answer to Q1A</details></li>
    <li><details id="Q1B"><summary>Q1A</summary>Answer to Q1B</details></li>
    <li><details …
Run Code Online (Sandbox Code Playgroud)

html

6
推荐指数
1
解决办法
2174
查看次数

每次在YouTube上加载新页面时如何运行脚本?

从去年的某个时候开始,YouTube就让每个页面实际上都没有加载一个全新的页面,但主要只是重新加载内容div#content.当您点击YouTube中的链接并看到页面顶部的红色加载栏时,您会注意到这一点.

我有一个Greasemonkey脚本修改了YouTube上的元素,但是现在YouTube没有重新加载整个页面,Greasemonkey脚本不再在每个"新"页面上触发.如何在我加载到YouTube上的每个"新"页面上激活Greasemonkey脚本?

我在这个Greasemonkey脚本中使用jQuery.我尝试使用类似的功能.on(),DOMNodeInserted但我找不到合适的组合使其正常工作.使用我一直使用的事件监听器,我最终会为每个页面加载运行我的脚本数百次,例如使用以下内容:

$('div#page').on('DOMNodeInserted', 'div#content', function() { });

我想到的另一个解决方案是在YouTube上加载所有链接,就像正常情况一样,没有他们正在做的新方法.

html javascript youtube jquery greasemonkey

5
推荐指数
1
解决办法
2473
查看次数