我尝试使用nanoScroller JS脚本,除IE9外,它适用于Chrome和Firefox。我不知道这个问题,因为我已经在测试页面上进行了测试并且它有效,但在我的项目中它不起作用。这是剧本:
$(".lista-noticia").click(function () {
$(".noticia-completa:visible").hide("slow");
if ($(this).closest("li").find(".noticia-completa").is(':visible')) {
$(".noticia-completa").hide("slow");
$(".lista-noticia").removeClass("ativo");
} else {
$(this).closest("li").toggleClass("ativo").find(".noticia-completa").slideToggle(1200, function(){
$(this).nanoScroller();
});
$(".lista-noticia").not(this).removeClass("ativo");
}
});
和HTML
<div class="noticia-completa nano">
<div class="content">
<p>Lorem ipsum dolor sit amet.....</p>
<img src="images/index/foto-noticia.png" alt="Imagem Noticia">
<p>Donec non egestas magna....</p>
<p>Donec non egestas magna....</p>
<p>Donec non egestas magna....</p>
</div>
</div>
答案 0 :(得分:0)
IE最多9个文件只接受4095个样式规则,这可能就是问题所在。
另见:
Rails asset pipeline solution for IE 4096 selector/stylesheet limit