這是我的生活的野心，讓這個jQuery的工作

-3

我想爲我的第一個移動版本的特定頁面寫一些jQuery。如果我檢測到一個小的瀏覽器大小，我只顯示文章列表。一旦用戶點擊一篇文章，我希望列表最小化，文章將顯示在主要內容中。我試圖通過在單擊文章時隱藏列表來做到這一點，但我幾乎無法超越將頁面設置爲任何內容的基本步驟。這裏是我的嘗試只是把周圍的邊框文章列表上鼠標懸停：這是我的生活的野心，讓這個jQuery的工作

<script> 
    if($(window).width() < 481 && $(window).width() > 0) { 
     $("div.st_tabs_container").mouseover(function() { 
      alert("asdfasd"); 
      $("div.st_tabs_container").css("border", "3px double red"); 
      alert("swear words"); 
     }); 
    } else { 
    } 
</script>

我能得到這個做任何事情的唯一途徑，在所有的，是通過寫（「*」）鼠標懸停（函數）{ 。如果我選擇了所有內容，則鼠標懸停將起作用，並且st_tabs_container會顯示一個紅色邊框，並且警報將熄滅。如果我嘗試選擇其他任何東西（.i.e $（「div.st_tabs_container」）），它不起作用。任何人都可以解釋嗎？我相信這很簡單，但我沒有得到它。更糟糕的是，我需要點擊的實際元素是div.st_vertical ul.st_tabs a.st_tab_active。我沒有運氣選擇那個代碼。任何和所有的智慧將不勝感激！

來源

2013-01-18 USK

如果您能夠提供完整（非）工作示例，這可能更容易排除故障。 – recursive

考慮發佈帶有失敗示例的jsfiddle鏈接。讓標題反映問題的真實情況也許會更好。 –

這是整個劇本嗎？如果是這樣，你就缺少'$（document）.ready（）'包裝器。此外，只有在頁面加載__時窗口介於0和481 __之間，'mouseover'處理程序纔會被綁定。 – Mathletics

做這樣的事情，例如：http://jsfiddle.net/ZMBWZ/ ，如果它不能正常工作，使屏幕更小

HTML：

<div class="st_tabs_container"></div>

CSS：

div{ 
height: 100px; 
    width: 100px; 
    border: 1px solid red; 
}

的Jquery：

$(function() { 
    if ($(window).width() < 481 && $(window).width() > 0) { 
     $("div.st_tabs_container").mouseover(function() { 
      alert("asdfasd"); 
      $("div.st_tabs_container").css("border", "3px double red"); 
      alert("swear words"); 
     }); 
    }else{} 
});

來源

2013-01-18 00:11:52 Chanckjh

非常感謝！這解決了它！ – USK

@USK不要忘記投訴所有幫助你的答案，並接受你認爲對他人最有幫助的答案！ – Plynx

這是一個投票。你應該爲你的勞動獲得報酬！ – 2013-01-18 00:40:36

這是我的生活的野心，讓這個jQuery的工作

回答

相關問題