Javascript 使用mailto可以中断渐弱的页面转换
如果你点击一个链接,它会使页面淡出并将你带到新页面。当你被带到另一个站点时,这很好用 但是,对于一个简单的Javascript 使用mailto可以中断渐弱的页面转换,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果你点击一个链接,它会使页面淡出并将你带到新页面。当你被带到另一个站点时,这很好用 但是,对于一个简单的 有没有可能不针对所有的“a”标记,而是针对那些属性为href的标记?或者选择忽略那些以mailto:开头的链接 如有任何帮助,将不胜感激。是的,仅限使用CSS选择器。我想jQuery将负责浏览器兼容性,否则它将在IE9上工作+ fadeAndGo("a:not([href^='mailto:'])"); 您可以在更改窗口之前检查href属性。位置值: $('.wrapper').fade
有没有可能不针对所有的“a”标记,而是针对那些属性为href
的标记?或者选择忽略那些以mailto:
开头的链接
如有任何帮助,将不胜感激。是的,仅限使用CSS选择器。我想jQuery将负责浏览器兼容性,否则它将在IE9上工作+
fadeAndGo("a:not([href^='mailto:'])");
您可以在更改窗口之前检查href属性。位置值:
$('.wrapper').fadeOut(function () {
if (href.indexOf('mailto') == -1) {
window.location = href;
}
}
这应该可以:
fadeAndGo('a[href^=“http”]”)代码>
编辑:我刚想到这对包含相对URL的链接不起作用,所以我建议使用@Germain的答案。我不是JS专家,但这可以通过给HTML锚定一个类来实现吗?不幸的是,这是在WordPress上,因此,我希望保持它的动态性,而不是使用每个新的锚定标记更改类。您只需为mailto锚定设置类,其余的将不受影响。我无法想象你在一个页面上使用了许多mailto链接。。!再一次,在不是mailto的锚上似乎不起作用:@tmyie抱歉,我发布了错误的链接。现在看我答案中的小提琴有没有办法将它置于淡出功能之外,因此它只有在indexOf?
不应该是a:not([href^='mailto:'])
时才会淡出?它仍然不正确。尝试fadeAndGo(“a:not([href^='mailto:'])”代码>检查jquery选择器兼容性,我不能说。
$('.wrapper').fadeOut(function () {
if (href.indexOf('mailto') == -1) {
window.location = href;
}
}