如何在页面加载时隐藏syntaxhighlighter画笔?

时间:2013-12-09 14:24:55

标签: jquery css syntax-highlighting syntaxhighlighter

在我的网站上,我在文章中提供了C#和Visual Basic的代码示例。默认情况下,我只想在页面加载时显示C#画笔(vb示例将被设置为display: none;

过去我通过等待加载所有内容然后隐藏VB样本来完成此操作:

$(document).ready(function() {
    setTimeout(function() {
        $(".vb").hide();
    }, 500);
});

但这至少是粗略的,所以我想到了:为什么不设置这些画笔的默认样式,以便它们隐藏在样式表中?

不幸的是,我看了,我在syntaxhighlighter中找不到任何画笔特定的样式规则,我可以玩...

任何人都可以提出解决方案,因为我很困惑......

这是我网站上的两个页面。 .hide()在第1个工作,但不在第2个工作..

  

Forms Authentication in ASP.NET
  Basic CRUD in LINQ To SQL

1 个答案:

答案 0 :(得分:1)

它应该只使用它作为css规则

.vb { 显示:无 }

另一方面,如果文章内容没有任何变化,而您只是翻转代码,那么将每个代码块设置为选项卡式界面可能是更好的UX设计。是的,它意味着重复按钮,但它会对最终用户更有意义,并且会更加直接可用。您会注意到,如果大多数编码站点都显示多种语言的示例,则会执行此操作。

另一个注意事项:当您更改窗口框架的滚动条时,大多数用户不喜欢它。大多数人发现它类似于选框和闪烁,如果你注意到你的滚动条在你悬停/拖动时会消失,这会让它更加令人沮丧。