内部链接与jQuery地址
Internal Links with jQuery Address
我正试图实现可爱的地址插件来处理内部链接的漂亮链接和使用后退按钮。我设法让它工作,但我注意到的一件事是,当它改变URL从/#部分到/#/部分,如果用户然后复制该URL并试图打开它在一个新的窗口(或发送给朋友)它不带用户到页面上的那个部分。很明显,因为它不再被认为是锚了。
当用户通过URL导航时,我如何让它在正确的部分上?
下面是我按照jQuery地址使用的代码片段:
$('nav a').click(function() {
var pageTitle = 'Kevin Dare Foundation | ' + $(this).html();
$.address.value($(this).attr('href').replace(/^#/, ''));
$.address.title(pageTitle);
});
这里还有一个链接,可以看到它的作用:http://nickdimatteo.com/kjd
最简单的方法可能是在文档加载时触发您的代码,如果有document.location.hash:
$('nav a').click(function() {
var pageTitle = 'Kevin Dare Foundation | ' + $(this).html();
$.address.value($(this).attr('href').replace(/^#/, ''));
$.address.title(pageTitle);
});
$(document).ready(function() {
var hash = document.location.hash.replace(/^#'//, '');
if(hash) {
$('nav a[href="#' + hash + '"]').trigger('click');
}
});
相关文章:
- 帐单地址与发货地址jQuery相同
- 使用JavaScript或JQuery验证电子邮件地址
- jQuery地址在回调中不起作用
- 从 jquery 地址选择器返回街道名称
- 我们如何使用 jQuery 通过 IP 地址获取国家/地区名称
- 使用 javascript/jquery 点击 DOM 元素后更改地址栏中的 URL
- jQuery 自动完成与谷歌地图地址查找
- 使用 google api 地址更新 jQuery jqgrid 列
- jQuery 表单验证,仅允许 .EDU 和 .edu.nn(其中 nn 是 2 位国家/地区代码)电子邮件地址
- 电子邮件地址的正则表达式,带有JQuery Vaildate的其他域
- jquery ajax 返回地址栏中的查询字符串
- jQuery+检查数组是否只包含 IP 地址
- 使用 jQuery 检查电子邮件地址数组
- 如何使用 jquery/JS 更改 url 地址
- 检测URl Bar点击事件或用户使用Jquery/java-script在浏览器地址栏中键入
- 一个简单的jquery片段来验证用户'的电子邮件地址
- jQuery Mobile或Sencha Touch如何在iPhone中隐藏地址栏,即使页面发生更改
- 使用jquery regex对空电子邮件地址进行验证
- jquery包装电子邮件地址
- Jquery IE中的地址问题