如果条件[重复]如何添加答案

【问题标题】：How can I add if condition [duplicate]如果条件[重复]如何添加
【发布时间】：2014-11-16 04:48:05
【问题描述】：

我使用了elevateZoom jquery 插件。我想在移动设备（小于 600 像素宽度的设备）中禁用 elevateZoom。

那么，我如何在下面的 jquery 中添加（如果条件）zoomEnabled: false, 而不是 zoomEnabled: true,。在手机中打开时。

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

【问题讨论】：

使用ternary operators
zoomEnabled: isOnMobile
@RahilWazir 你能解释一下如何在我们上面的脚本中实现吗？谢谢。

标签： javascript jquery

【解决方案1】：

一种更易读的方法（至少对我而言）：

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

但公平地说：阅读 javascript 教程或 2，您可以自己解决这个问题。

【讨论】：

【解决方案2】：

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

你可以这样使用它：

<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>

【讨论】：

我试过了。但是，我没有成功。如何在上面的脚本中添加它。任何想法。谢谢。