javascript - 如何添加if条件

Question

我已经使用elevateZoom jquery 插件。我想在移动设备(宽度小于 600 像素的设备)中禁用 elevateZoom。

那么，我该如何添加(如果条件)zoomEnabled: false,而不是zoomEnabled: true,在下面的 jquery.当在移动设备中打开时。

<script>
$("#zoom_01").elevateZoom({
    gallery:'gallery_01',
    zoomEnabled: true,
    cursor: 'pointer',
    galleryActiveClass: 'active'
</script>

Answer 1

您可以使用.width jquery 中的方法来确定窗口的宽度并相应地更改对象属性。

你可以像这样使用它:

<script>
if ($( window ).width() < 600) {
  $("#zoom_01").elevateZoom({
  gallery:'gallery_01',
  zoomEnabled: false,
  cursor: 'pointer',
  galleryActiveClass: 'active'
} else {
  $("#zoom_01").elevateZoom({
    gallery:'gallery_01',
    zoomEnabled: true,
    cursor: 'pointer',
    galleryActiveClass: 'active'
}
</script>