Touchswipe.js不允許選擇框在桌面上打開

我不能讓我的選擇框與我在桌面上啓用touchenabled一起工作。查看我的小提琴，你會看到當你點擊「ARTICLE」時，只有當我禁用桌面用戶的touchenabled時，選擇框纔會起作用。Touchswipe.js不允許選擇框在桌面上打開

touchenabled：「上」 http://jsfiddle.net/y82XD/（文章選擇框將無法正常工作）

touchenabled：「關」 http://jsfiddle.net/y82XD/3/（文章選擇框正常工作）

我用一個腳本來檢測移動設備和希望啓用touchenabled：「on」，當device.mobile被檢測到時。移動檢測腳本有一個可以使用的名爲device.mobile（）的JavaScript方法。因此，使用滑塊下面的腳本，我將如何結合device.mobile（）來設置touchenabled：「on」移動設備，同時設置touchenabled：「關閉」其他所有內容？

  var tpj=jQuery; 
      tpj.noConflict(); 
      tpj(document).ready(function() { 
      if (tpj.fn.cssOriginal!=undefined) 
       tpj.fn.css = tpj.fn.cssOriginal; 
       tpj('#slidebox').services(
        { 
         width:620, 
         height:460, 
         slideAmount:4, 
         slideSpacing:10, 
         touchenabled:"off", 

NEED CODE HERE to enable touchenabled:"on" when device.mobile detected 

         mouseWheel:"off", 
         hoverAlpha:"on", 
         slideshow:3500, 
         hovereffect:"on", 
         callBack:function() { } 
        }); 
     });

來源

2014-02-07 MShack

問題是，它應該在非移動瀏覽器上工作？也許做一些檢測，並只在移動設備上啓用它？ – bobber205

這是我的下一個問題，我使用腳本來檢測移動設備，我剛剛檢查和JavaScript方法被稱爲device.mobile（）所以我怎麼能得到touchnabled：「on」 – MShack

@MShack好的，我編輯了我的答案。讓我知道這是否有效，似乎很簡單。 –

我能得到的選擇框在您的slidebox服務改變了以下兩個選項的功能：

touchenabled:"off" 
hoverAlpha:"off"

這些都是以前的。當我關閉它們時，父幻燈片div失去了mousedown和touchcancel事件監聽器。

我不太瞭解這個軟件包，以瞭解這可能有什麼影響。但它似乎正在做它以前所做的一切。

如果您需要啓用這些選項，那麼在顯示此特定頁面時可能會關閉它們？或者，也許你可以解除導致頁面顯示時出現問題的兩個監聽器。

UPDATE：

好了，看完你的新的意見後，我不知道爲什麼，這是行不通的，但它似乎有點簡單，所以也許我還是不明白100％。

var touchEnabledValue = (device.mobile) ? "on" : "off; 
tpj('#slidebox').services(
    { 
    width:620, 
    height:460, 
    slideAmount:4, 
    slideSpacing:10, 
    touchenabled: touchEnabledValue, 
    mouseWheel:"off", 
    hoverAlpha: touchEnabledValue, 
    slideshow:3500, 
    hovereffect:"on", 
    callBack:function() { } 
}

來源

2014-02-07 21:56:20

我編輯了我的帖子，以更好地描述我需要做什麼ty – MShack

Touchswipe.js不允許選擇框在桌面上打開

回答

相關問題