JQuery:(窗口).调整工作大小,(文档).ready不';T

JQuery:(窗口).调整工作大小,(文档).ready不';T,jquery,Jquery,我在使用JQuery脚本时遇到了一些问题。它在调整图像大小时可以完美地工作,但我无法在初始页面加载时使用它。有什么想法吗?我完全被卡住了,什么都不管用 <script type="text/javascript"> $(window).resize(function () { if ($(window).width() <= 600) { $('#fcalendar').fullCalendar('c

我在使用JQuery脚本时遇到了一些问题。它在调整图像大小时可以完美地工作,但我无法在初始页面加载时使用它。有什么想法吗?我完全被卡住了,什么都不管用

   <script type="text/javascript">
        $(window).resize(function () {
            if ($(window).width() <= 600) {
                $('#fcalendar').fullCalendar('changeView', 'basicDay');
            } else if ($(window).width() < 748) {
                $('#fcalendar').fullCalendar('changeView', 'basicDay');
            } else {
                $('#fcalendar').fullCalendar('changeView', 'month');
            }
        });

        $(document).ready(function () {
            if ($(document).width() <= 600) {
                $('#fcalendar').fullCalendar('changeView', 'basicDay');
            } else if ($(window).width() < 748) {
                $('#fcalendar').fullCalendar('changeView', 'basicDay');
            } else {
                $('#fcalendar').fullCalendar('changeView', 'month');
            }
        });
    </script>

$(窗口)。调整大小(函数(){

如果($(window).width()如注释中所示,document.ready!=window.onload.document.ready将不会等待图像实际加载。因此,它可能会给出不好的结果。当您希望等待图像完全完成时,应挂接到window.onload事件(这也是需要等待图像加载的视差站点中使用的机制)

window.onload=函数(){

if($(文档).width()仅仅因为DOM已经准备好了,并不意味着图像已经加载。为什么要编写两次相同的函数?@techfoobar:为了这个例子,我假设。他说第一个可行,但第二个不可行。我对使用Javascript和JQuery也比较陌生。有些东西我忽略太久了。谢谢大家。啊,我完全理解。我很抱歉查看我的笔记,因为我发誓我首先尝试了window.onload。啊,这很好。这是基本的javascript,对吗?不是JQuery?@MichaelStenberg-JQuery是javascript:)。但是,
window.onload
是“香草”的一部分javascript API,因此它不需要库或包含的脚本即可使用。这就是我的意思。感谢您的示例和解释!或
$(window).load(function(){});
:-)
window.onload = function () {
        if ($(document).width() <= 600) {
            $('#fcalendar').fullCalendar('changeView', 'basicDay');
        } else if ($(window).width() < 748) {
            $('#fcalendar').fullCalendar('changeView', 'basicDay');
        } else {
            $('#fcalendar').fullCalendar('changeView', 'month');
        }
};