这是我的生活的野心，让这个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的工作

回答

相关问题