Question

我是jQuery / javascript的新手，我没有先检查窗口大小。然后搞砸了它，无法使它工作。如果屏幕尺寸小于699，重定向应该用mysite.com/index.php?querystring替换mysite.com/mobile.php?querystring。请帮忙。谢谢。

这个函数看起来像我需要它，但是如果屏幕尺寸小于那么需要onload。

$('a').each(function(index, a) {
    var href = $(a).attr('href');
    $(a).attr('href', 'http://mysite.com/mobile.php?redirect=' + href;)
}

}

//下面没有工作

function checkWidth() {
    var windowSize = $(window).width();
    if (windowSize <= 699) {

window.onload = function() {
    /* onload code */
    // Execute on load
    //checkWidth();{

var anchors = document.getElementsByTagName("a");

    for (var i = 0; i < anchors.length; i++) {
    anchors[i].href = "http://mysite.com/mobile.php?redirect=" + anchors[i].href

    /* function checkWidth() {
    var windowSize = $(window).width();*/
}
}

Answer 1

如果您打算使用jQuery，这应该可行：

$(document).ready(function() {
    var window_width = $(window).width();

    if( window_width < 699 ) {
        $('a').each(function(index, a) {
            var href = $(a).attr('href');
            $(a).attr('href', 'http://mysite.com/mobile.php?redirect=' + href;
        }); 
    }
});

Answer 2

这真的是你应该在服务器端做的事情。因为有人不会在会话过程中切换设备，所以您应该在首次访问网站时检查设备，然后创建存储它的会话变量。然后，在每个新页面上都有服务器检查变量并使用它来确定要放入哪些链接。但是如果你满足于在客户端做，那么，Ryan Pilbeam的答案应该有效。

检查屏幕宽度，然后页面上的所有网址重定向到移动设备

2 个答案: