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 […]