Question

我对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');
    }
})

显然，这不起作用，我认为是错误的。有人能帮帮我吗？感谢。

Answer 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; } }

当然你可以改变它来使用width参数，然后使用if语句来处理一组范围，例如if（width＆gt; 950）{etc}

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

我如何实现$（'#calendar'）。weekCalendar（'今天'）？

1 个答案: