小编ips*_*cto的帖子

我在erb模板中有一个局部变量:

<% thumbnail_width = 50 %>

我正在使用它来调整一些缩略图.

但现在我意识到许多模板需要访问这个变量.

我应该把它移到哪里,它应该是什么类型的变量？

我的JavaScript文件的大小已经失控,因为我有数百个链接,每个链接都有自己的jQuery函数,即使它们都执行基本相同的任务.

这是一个简短的摘录:

$("#link1").click(function ()
{
  $(".myDiv").hide();
  $("#myDiv1").toggle();
});

$("#link2").click(function ()
{
  $(".myDiv").hide();
  $("#myDiv2").toggle();
});

$("#link3").click(function ()
{
  $(".myDiv").hide();
  $("#myDiv3").toggle();
});

有没有办法抽象出一些逻辑,这样我只有一个函数而不是数百个函数做同样的事情？

我试过用

height: 100%

但这使得div只与其内容一样高 - 它只包含一个单词的文本.

如何强制div使用屏幕高度？

我有以下代码用于创建选项卡.它工作在html主体部分的末尾,但如果我将它放在开头 - 在定义所有div之前.为什么会这样？

<script type="text/javascript">
    $("ul.tabs li.label").hide();
    $("#tab-set > div").hide();
    $("#tab-set > div").eq(0).show();
  $("ul.tabs a").click(
    function() {
        $("ul.tabs a.selected").removeClass('selected');
        $("#tab-set > div").hide();
        $(""+$(this).attr("href")).show();
        $(this).addClass('selected');
        return false;
    }
  );
  $("#toggle-label").click( function() {
    $(".tabs li.label").toggle();
    return false;
  });
</script>

如果将容器类用于具有blueprint-css的布局,则最终的最大宽度为950px.我有一个需要超过这个布局,所以我想知道为什么Blueprint使用这个默认值？

<div class="container">

我有一个JQuery函数切换我的布局中的一个div.问题是当div出现或消失时,整个布局在屏幕上移动.有没有办法在不改变布局的情况下实现相同的显示/隐藏效果？

<script>
  $(document).ready(function(){
    $("button").click(function () {
      $("#layoutDiv").toggle();
    });
  });
</script>

我有一个div,我需要一个永久垂直滚动条.有时会需要滚动条,因为div将包含多余的内容,有时则不需要它但我希望外观保持一致 - 即使div中没有​​多余内容我希望它包含滚动条.我尝试了这个但是当没有多余的内容时它没有添加滚动条:

div#collection
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    float: right;
    width: 200px;
    height: 100%;
    background: white;
    overflow:scroll;
}

我也尝试将高度增加到200%(html和body设置为100%)然后整个页面滚动 - 这不是我想要的 - 我希望div单独滚动而页面的其余部分保持原样.

有什么建议？