5

我对javascript知之甚少，所以我不确定我在做什么。基本上，我们的团队正在开发一个使用 jQuery weekcalendar javascript 的项目。默认情况下，日历将显示一整周。

我的问题是：我有多个适合不同屏幕的 css 文件，我使用另一个 javascript 调用这些文件。对于最小的屏幕分辨率，我为手机调用的分辨率和整个日历不适合此分辨率的设置宽度，因此我只需要显示当天。我在需要使用的网站上找到了，$('#calendar').weekCalendar("today")但我不知道如何实现它以及我应该在 if 语句中添加什么。

这是我尝试的代码的样子，

<script type="text/javascript">
$(document).ready(function () {
    if (document.styleSheets('mobile.min.css')) {
        $('#calendar').weekCalendar('today');
    }
})

显然，这是行不通的，我认为这是错误的。有人能帮帮我吗？谢谢。

4

1 回答 1

1

我没有使用过 Adapt js 库，但是看看它你可以实现一个回调函数。这意味着当页面调整大小时，它将调用您的函数。

所以请确保在您的 ADAPT CONFIG 声明中设置了回调。在这种情况下

callback: ChangeCalendar

然后在您的页面上的脚本标签中，或者在 js 文件中，您需要一个回调函数来处理回调。它将传递与应用的大小相对应的索引。我建议在回调函数中使用 switch 语句来处理大小变化。

ChangeCalendar(index, width)
{
    switch (index) {
       // handles the first item in the range (0 to 760px)
     case 0: $('#calendar').weekCalendar('today');
     break;
      // handles the second item in the range (760 to 980px)
    case 1: //something else
      break;
    // handles everything we missed
    default:
    break;
   }
}

当然你可以改变它以使用宽度参数，然后使用 if 语句来处理一组范围，例如 if (width > 950) { etc }

我希望这能解决你的问题。

于 2012-09-13T06:57:08.880 回答