JQuery不會發生這個變量...？

Question

我想在窗口的寬度小於490像素時使此操作發生。但是JavaScript不起作用。

<script> 
$(document).ready(function() { 
    if ($(window).width() < 490) { 
     $("section div share").click(function() { 
      $("sharebuttons").slideToggle('slow') 
     }); 
    } else { 
     $("section div share").click(function() { 
      event.preventDefault(); 
      //I would like the action would not happen when the window px are bigger than 490 
     }); 
    } 
}); 
</script> 

缺少什麼我在這裏？

Answer 1

條件$('window').width() < 490不起作用。它適用$('window')替換爲$(window)。 window是一個Javascript對象，而不是用於在文檔樹中查找某個對象的選擇器。所以，我猜jQuery在將它作爲字符串傳遞時不會識別它。

此外，我認爲你必須修改你的selectors。如果要匹配ID爲share的元素，選擇器中的令牌必須是#share。如果你想匹配類share的元素，選擇器中的令牌必須是.share。