在移動視圖和平板視圖中使用我的顯示/隱藏JQuery功能

因此，我正在嘗試將我的Show hide功能用於移動視圖和平板電腦視圖，但我不確定如何實現它。這是我的顯示隱藏功能：在移動視圖和平板視圖中使用我的顯示/隱藏JQuery功能

$(function() { 
    $('h2 + p').hide(); 
    $('h2').click(function(e) { 
     var para = $(this).next('p'); 
     para.toggle(); 
     if (para.css('display') == 'none') { 
      $(this).css('background-image', 'url(images/arrow-r.png)'); 
     } else { 
      $(this).css('background-image', 'url(images/arrow-down.png)'); 
     } 
    }) 
    .css('cursor', 'pointer'); 
});

我想，直到你點擊的標題使用此代碼爲我的標題2，但只有在移動視圖和平板電腦來看，由於我有隱藏的視頻。有關如何實施它的任何想法？

從第一個答案我現在有這個代碼，但它似乎仍然沒有工作？ ;

<script> 
$(function() { 

if($(window).width() < 768) { 
    $('h2 + p').hide(); 
    $('h2').click(function(e) { 
     var para = $(this).next('p'); 
     para.toggle(); 
     if (para.css('display') == 'none') { 
      $(this).css('background-image', 'url(images/arrow-r.png)'); 
     } else { 
      $(this).css('background-image', 'url(images/arrow-down.png)'); 
     } 
    }) 
      .css('cursor', 'pointer'); 
}); 
</script>

來源

2016-11-11 Mike1211

對不起，我的代碼有錯誤。它應該是「。寬（）」不是「寬」 –

該代碼本身工作正常，因爲我目前正在使用它作爲我的主要桌面頁面的另一部分（h3 h3內隱藏h2），但使用此代碼與h2＆h3 hide因爲它沒有設置爲移動/平板電腦視圖 – Mike1211

決定一個斷點，然後像做以下

$(function() { 

if($(window).width() < 768) { // 768 represents break-point measure 

// Do whatever you want here 

} 

});

768px通常涵蓋的Ipad（縱向）下降到其它小型設備。

來源

2016-11-11 15:37:45

在移動視圖和平板視圖中使用我的顯示/隱藏JQuery功能

回答

相關問題