我如何添加，如果条件

我有使用elevateZoom jquery插件。我想在手机中禁用elevateZoom（宽度小于600像素的设备）。我如何添加，如果条件

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

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

来源

2014-09-22 HarnishDesign

使用[三元运营商（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator） – 2014-09-22 09:34:54

'zoomEnabled：isOnMobile' – Scimonster 2014-09-22 09:35:25

@RahilWazir能否请你解释如何在我们的上述脚本中实现。谢谢。 – HarnishDesign 2014-09-22 09:49:45

可以使用.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>

来源

2014-09-22 09:37:23

我试试。但是，我没有成功。我如何在上面的脚本中添加这个。任何想法。谢谢。 – HarnishDesign 2014-09-22 09:44:18

请看编辑 – 2014-09-22 09:48:07

更可读的方式（至少对我来说）：

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

，但要公平：读一个javascript教程或2，你可以你已经明白了这一点。

来源

2014-09-22 09:53:07 DoXicK

我如何添加，如果条件

回答

相关问题