小编Dan*_*Dan的帖子

我正在建立专门针对移动设备的网站.特别是有一个页面,最好以横向模式查看.

有没有办法检测访问该页面的用户是否在纵向模式下查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看？如果用户已在横向模式下查看,则不会显示任何消息.

所以基本上,我希望网站检测视口方向,如果方向是纵向,则显示警告消息,告知用户该页面在横向模式下最佳查看.

非常感谢,Dan

只是想知道是否有办法让HTML <button>元素链接到一个位置而不将其包装在<a href...标签中？

Button目前看起来像:

<button>Visit Page Now</button>

我不希望有什么:

<a href="link.html"><button>Visit Page Now</button></a>

该按钮未在表单中使用,因此<input type="button">不是一个选项.我只是想知道是否有一种方法可以链接这个特定元素,而无需将其包装在<a href标签中.

期待听到一些选择/意见.

我正在尝试创建一个 jQuery 函数来计算每个锚标记的字符长度，并在字符计数大于“5”时应用一个类。此外，如果字符数大于 7 (4 + 3)，则应用不同的类别。

这就是我到达的地方（JSFIDDLE：http://jsfiddle.net/2mg3q/）：

超文本标记语言

<div id="global-nav">
    <ul id="nav">
        <li><a href="#">One</a></li>
        <li><a href="#">Item5</a></li>
        <li><a href="#">Item with11</a></li>
        <li><a href="#">One</a></li>
    </ul>
</div>

CSS

#nav{
    list-style:none;
    margin:0;
    padding:0;
}
#nav li a{
    display:block;
    padding:5px;
    border:1px solid #ccc;
}

#nav li a.TEST1{
    border-color:red;
}

#nav li a.TEST2{
    border-color:blue;
}

JS

var navChars = 4;

$('#global-nav #nav li a').filter(function() {

    if($(this).text().length > navChars){
        $('#global-nav #nav li a').addClass('TEST1');

    }else if($(this).text().length > navChars + 3){
        $('#global-nav #nav li a').addClass('TEST2');
    }

}); …