很抱歉重新发布。该代码似乎是先前响应中的好代码,但无法正常工作。下面的代码完美运行,除了我只需要在屏幕尺寸低于 699 时实现它。我了解服务器端和客户端问题,只是希望它在客户端工作。非常感谢。
$('a').each(function(index, a) {
var href = $(a).attr('href');
$(a).attr('href', 'http://mysite.com/mobile.php?redirect=' + href;)
}
}
很抱歉重新发布。该代码似乎是先前响应中的好代码,但无法正常工作。下面的代码完美运行,除了我只需要在屏幕尺寸低于 699 时实现它。我了解服务器端和客户端问题,只是希望它在客户端工作。非常感谢。
$('a').each(function(index, a) {
var href = $(a).attr('href');
$(a).attr('href', 'http://mysite.com/mobile.php?redirect=' + href;)
}
}
你试过这个吗?
if ( $(window).width() < 699 ) {
// your href replacement
}
看看matchMedia
https://developer.mozilla.org/en-US/docs/Web/API/window.matchMedia
确保在调用之前检查该方法是否存在,否则它会在 ~~IE 8 及以下版本中出错 ~~ (更正:IE 9 及以下版本)