jQuery UI screen.width对话框？

Question

如何准确设置对象screen.width？

我添加了代码但没有运行？

$(function() {
if (screen.width <= 480) {
    $( ".mydialog" ).dialog({ title: "Check Availability Cruise", width: 300 });
} else {
    $( ".mydialog" ).dialog({ title: "Check Availability Cruise", width: 480 });
}

});

由于

Answer 1

而不是screen.width使用$(window).width()，如图所示。

$(function() {
  if ($(window).width() <= 480) {
   $( ".mydialog" ).dialog({ title: "Check Availability Cruise", width: 300 });
  } else {
   $( ".mydialog" ).dialog({ title: "Check Availability Cruise", width: 480 });
  }
});

Answer 2

试试这个：

$(function() {
if ($(window).width() <= 480) {
    $( ".mydialog" ).dialog({ title: "Check Availability Cruise", width: 300 });
} else {
    $( ".mydialog" ).dialog({ title: "Check Availability Cruise", width: 480 });
}

});

width()是一种方法，所以像方法一样使用它。