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