在我的网站上,我在文章中提供了C#和Visual Basic的代码示例。默认情况下,我只想在页面加载时显示C#画笔(vb示例将被设置为display: none;
过去我通过等待加载所有内容然后隐藏VB样本来完成此操作:
$(document).ready(function() {
setTimeout(function() {
$(".vb").hide();
}, 500);
});
但这至少是粗略的,所以我想到了:为什么不设置这些画笔的默认样式,以便它们隐藏在样式表中?
不幸的是,我看了,我在syntaxhighlighter中找不到任何画笔特定的样式规则,我可以玩...
任何人都可以提出解决方案,因为我很困惑......
这是我网站上的两个页面。 .hide()
在第1个工作,但不在第2个工作..
答案 0 :(得分:1)
它应该只使用它作为css规则
.vb { 显示:无 }
另一方面,如果文章内容没有任何变化,而您只是翻转代码,那么将每个代码块设置为选项卡式界面可能是更好的UX设计。是的,它意味着重复按钮,但它会对最终用户更有意义,并且会更加直接可用。您会注意到,如果大多数编码站点都显示多种语言的示例,则会执行此操作。
另一个注意事项:当您更改窗口框架的滚动条时,大多数用户不喜欢它。大多数人发现它类似于选框和闪烁,如果你注意到你的滚动条在你悬停/拖动时会消失,这会让它更加令人沮丧。