javascript - 我如何实现 $ ('#calendar' ).weekCalendar ('today' )？

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)<br/> {<br/>     switch (index) {<br/>        // handles the first item in the range (0 to 760px)<br/>      case 0: $('#calendar').weekCalendar('today');<br/>      break;<br/>       // handles the second item in the range (760 to 980px) <br/>     case 1: //something else <br/>       break;<br/>     // handles everything we missed<br/>     default:<br/>     break;<br/>    } <br/> }<br/>

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

希望这能解决您的问题。