0

我有一个运行 Twitter Bootstrap 的响应式站点，并且我有一个切换操作，当使用单击图像时，我会从页面顶部下拉一个联系表单。如果用户的屏幕尺寸低于 660px 宽，我想将点击操作更改为 mailto。检测屏幕尺寸并将此切换更改为 mailto 的最佳方法是什么？

$("#contact-tab").toggle(function() {
    $('#contactme').attr("src", "/wp-content/themes/wordpress-bootstrap-child/img/close_btn.png");
    $('#contact-form-wrapper').slideToggle(
        function() {
        } 
    );
}, function() {
        $('#contactme').attr("src", "/wp-content/themes/wordpress-bootstrap-child/img/contact_me.png");
        $('#contact-form-wrapper').slideToggle(
            function() {
            } 
        );
});
4

2 回答 2

2

那将是这样的：

$(function(){
   var winWidth = $(window).width();

   if(winWidth < 660){
      $("#contact-tab").click(function(){
         window.open('mailto: ... ');
      });
   } else {
      //go toggle ...
   }
});
于 2013-05-13T15:55:13.793 回答
-1

$('html').width()应该告诉你屏幕宽度

于 2013-05-13T15:46:36.893 回答