我如何添加，如果條件

我有使用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

我如何添加，如果條件

回答

相關問題