Tag: fragment identifier

如何防止片段标识符显示在url中

我有这样的链接 Log in 点击链接后，url会发生变化 http:/domain.com 至 http://domain.com#login_form 并弹出一个登录表单。 但我不希望在url中显示哈希标记。 如何使用java脚本执行此操作？ 没有用于显示弹出的登录表单的java脚本。 登录表单是这样的。 LOG IN 好。 这是JS FIDDLE。 请检查。 http://jsfiddle.net/vq24P/1/

Javascript锚导航

我正在创建一个网站，其中包含与Facebook和谷歌邮件一起使用的“锚导航”。 我有它工作但不完全。 当我用#contact之类的东西加载页面时，除非我点击它的链接，否则它不会加载它。 此外，是否有更好，更有效的方式来做我正在做的事情？ 我不是JS编程的最佳人选。 JavaScript ： $.navigate = function() { // a new link if($anchor != document.location.hash){ // add a preloader $(“#content”) .empty() .html(”); // change the anchor saved for next time $anchor = document.location.hash; // get the variables ready for the get var i = $anchor.substring(1).split(“/”); var $page = i[0]; var $y = […]

当用户使用JQuery访问哈希链接（#something）时如何运行JavaScript函数？

我在http://example.com/app有一个webb应用程序，如果用户正在访问http://example/app#add-item ，我想显示一个表单。 有什么办法可以使用jQuery脚本来添加这个function吗？ 我当前的jQuery脚本已经有这样的结构： $(document).ready( function() { $(‘#search’).keyup( function() { … } ); } ) 如何使用这样的方式显示表单： $(document).ready( function() { $(‘#search’).keyup( function() { … } ); $(‘#add-item’).visit( // .visit probably doesn’t exist function() { content.innerHTML = myForm; } ); } )

如何使用jQuery创建可书签的哈希？

我有一个我用作图片库的url。 在这个URL是一个拇指div （为了简洁起见，我只显示了四个拇指）： 还有一个名为#content的空div ： 和一个名为#preload的隐藏div ： 我的jQuery使用点击的缩略图的ID来clone()来自相应span的图像，并使用html()方法将它们放入#content 。 它很棒。 现在，我想回到mysite.com/#project01并且#content已经填充了Project 01。 如何为每个图像提供一个将调用相同jQuery状态的散列URL？

停止通过JavaScript或jQuery在hashchange事件上加载图像

我正在使用jQuery BBQ：后退按钮和查询库插件来创建一个页面，当单击链接时，该页面会提取动态内容。 单击链接时，将更改哈希并引入新内容（因此禁用单击href的“默认”操作。） 那部分工作正常，但有一个问题。 我的问题的例子 假设“主页”页面中有一些DIV图像和一个链接列表…… 第一页 第二页 第三页 图像可能需要一段时间才能加载，同时用户通常不会等待它们完全加载并单击“Page One”链接。 这将清除“主页”页面的内容并加载到“页面一”内容中。 这很好。 问题是即使用户已经从“主页”页面移动，来自“主页”页面的图像仍然在浏览器中加载。 我知道这是发生的事，因为页面实际上没有改变，我正在使用BBQ插件的hashchange hack但我想知道是否有一种方法在JavaScript中告诉当前加载的所有图像停止在hashchange事件上？ ?? 示例代码就像…… $(window).bind(‘hashchange’, function () { //code to stop images from loading // now load in new HTML content });

获取hashchange事件以适用于所有浏览器（包括IE7）

我有一些代码（由另一个开发人员编写）在WordPress内部进行AJAX页面加载（例如，没有页面重新加载），当您单击导航项时，AJAX刷新主要内容区域。 我的问题是它在IE7中被破坏了，我不知道从哪里开始调试。 原来的开场白是 var queue = 0; $(‘document’).ready(function() { window.addEventListener(“hashchange”, hashChange, false); // Define window location variables var windowHost = window.location.host, windowHash = window.location.hash, windowPath = window.location.pathname; 但我改变了它们，使addEventListener条件，取决于该方法是否存在。 一些研究告诉我，该方法在旧版本的IE中不可用（例如在我的情况下为7）。 此外，IE7调试控制台将其识别为不可用的方法，因此非常清楚。 我重写了以下行，但代码仍然无法正常工作： var queue = 0; $(‘document’).ready(function() { if(window.addEventListener) { window.addEventListener(“hashchange”, hashChange, false); } else if (window.attachEvent) { window.attachEvent(“hashchange”, hashchange, false); } // Define window location […]

Jquery – 告诉哈希什么时候改变？

我正在尝试让我的网站正确回应后退按钮。 我已经保存了我想要它做的哈希，但我不知道jQuery的钩子能够告诉哈希值何时发生变化。 它不是.ready（），因为页面没有重新加载。 我该用什么？ 编辑有点清晰： 我正在使用iframe，所以当有人点击链接时我无法分辨。 它位于相同的子域中，因此我能够看到它的文件路径，并保存它以便您可以添加书签。 不幸的是，通过将其保存为哈希，我的后退按钮现在无法重新加载，无法重新加载iframe，因此我的后退按钮基本上已损坏。 如果有办法告诉URI何时发生变化，我可以根据iframe地址进行检查，如果不匹配则更改它。 我只需要检查URI是否已更改。 是否有URI的.change（）？ 那些线路上的东西？

jQuery从URL中删除哈希值

我有一个像这样的硬编码url： https://bupacouk.bwa.local.internal.bupa.co.uk/cash-plan-quote/quoteAction.do?getBenefitLevelDetails=getBenefitLevelDetails&productPolicyId=7841#a1 当启用Javascript时，我不希望最后的哈希值，所以我如何删除它？ 当Javascript被禁用时，它需要存在。 谢谢。 编辑 这是我正在使用的AJAX jQuery。 所以我将硬编码的URL传递到服务器上的同一页面并从中检索表格： // Find href of current tab var $tabValue = $(this).attr(‘href’); // AJAX new table in $.ajax({ type: “GET”, cache: false, url: $(this).attr(‘href’), success: function(data){ // Find benefit wrap $(data).find(‘.benefitWrap’).each(function(){ // get the contents var $benefitWrap = $(this).html(); // replace contents on page $(‘.benefitWrap’).replaceWith($(” + $benefitWrap + […]

触发单击链接不会更改位置哈希

我正在开发一个在某些情况下使用onHashChange事件监听器的Web应用程序，并且手动点击带有href=”#hash”的链接非常有效。 但是当我触发时使用jQuery的$(‘a[href=#”hash”]’).trigger(‘click’)相同的链接$(‘a[href=#”hash”]’).trigger(‘click’)或$(‘a[href=#”hash”]’).click()地址栏中的哈希值没有变化。 这是我做错的事吗？ 或者我为此目的使用另一种方法？ HTML Do Something JS // Not working $(‘a[href=”#hash”]’).click(); // Not working $(‘a[href=”#hash”]’).trigger(‘click’);

使用URI哈希识别选项卡时阻止滚动

我正在使用JQuery UI在我的应用程序中制作标签。 我需要标签是可链接的（直接链接打开页面并选择正确的标签）。 这是通过使用散列标记/ 分段标识符来完成的 。 但是当标签上方和标签内的内容很长时，我遇到了问题。 单击选项卡时，页面向下滚动到选项卡的开头。 这不是我想要的。 我正在使用Jquery 1.7.1和Jquery UI 1.8.16。 javascript / Jquery代码是标准的Jquery UI选项卡，添加了事件“tabsshow”。 这在使用jquery ui标签更改location.hash （Stackoverflow问题）和JQuery UI标签时建议：点击标签时更新带有哈希的URL （博客 – 罗宾的技术日记） $(document).ready(function() { $(“#tabs”).tabs(); /** * Add hash to URL of the current page * * http://chwang.blogspot.com/2010/02/jquery-ui-tabs-updating-url-with-hash.html * https://stackoverflow.com/questions/570276/changing-location-hash-with-jquery-ui-tabs */ $(“#tabs”).bind(‘tabsshow’,function(event, ui) { window.location.hash = ui.tab.hash; }); }); 以下HTML可用于测试行为 Some other content […]