Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用mailto可以中断渐弱的页面转换_Javascript_Jquery_Html_Css - Fatal编程技术网

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;
        }
}