JQuery外部链接确认移动兼容性

时间:2013-06-07 00:30:49

标签: javascript android jquery ios5

$('document').ready(function(){
    $('a.external').click(function(e){
        e.preventDefault();
        var speedBump = confirm("You are now leaving this website. Do you want to continue?");
            if (speedBump) {
                document.location.href = $(this).attr('href');
            };
    });
});

由于某些原因,此代码在Android和iOS上都无法正常运行。有什么想法吗?它没有重定向到预期的URL,而是重定向到同一站点的“关于我们”页面,这没有任何意义。

更新:我将$(this).attr('href')替换为http://www.google.com,脚本运作正常,

是否有任何理由认为this.attr无法在移动设备上运行?

2 个答案:

答案 0 :(得分:1)

使用e.target代替this。它由事件对象设置,用于跨浏览器使用。

http://api.jquery.com/category/events/event-object/

答案 1 :(得分:0)

这是针对移动页面,通过将我的移动jQuery从1.1.0升级到1.3来解决这个时髦的行为。