小编elb*_*ron的帖子

我正在尝试将div的高度设置为视口高度的30%,我非常希望在视口高度发生变化时进行缩放.

我尝试设置最小高度:30%; 身高:30%但不起作用.

我看了一下JQuery的高度(); 但我只是不知道如何开始.

谢谢.

现在苦苦挣扎了一会儿.我的标记简化了:

<div class=row>
    <div class="somediv"></div>
    <div class="somediv2"></div>
    <div class="elem"></div>
    <div class="elem"></div>
    <div class="somediv3"></div>
    <div class="somediv4"></div>
<div class=row>
....

我需要找到一种方法来选择文档准备好的所有DIV:1.有一个类:elem 2.他们的下一个DIV也有类名:elem.然后我需要在它们之间插入一个新的DIV:

<div class=row>
    <div class="somediv2"></div>
    <div class="elem"></div>
    <div class="new"></div>
    <div class="elem"></div>
    <div class="somediv3"></div>
    <div class="somediv4"></div>
<div class=row> // and it goes...


$(document).ready( function () {
   if($('.elem').next().hasClass('.elem')) {
       $('<div class="new"></div>').appendTo().prev('.elem');
   } else {
   });
});

我在特定页面上使用具有固定布局的Twitter Bootstrap和jQuery Masonry.

它正在工作,但是从第二行开始,div的顶部位置被错误计算并且部分地覆盖了第一行的元素.

看起来脚本在重新排列元素之前退出.

奇怪的是,当我在Chrome中打开检查器或稍微调整视口大小时,div会跳到正确的位置.刷新页面有时会有所帮助,有时候不会......

我的砌体脚本:

jQuery(document).ready(function(){
    jQuery('.span9').masonry({
        itemSelector: '.span3',
        columnWidth: function( containerWidth ) {
        return containerWidth / 3;
        }
    });
});

这是正常的行为吗？我应该添加window.resize到上面的脚本吗？

将砌体脚本放置在页面本身或页眉中,页脚不会改变它的行为.

我在jQuery之后,在任何其他Bootstrap js之前调用masonry.js.

我有一个像这样的html结构:

<div class="one">
  <div id="two">
    <h2>Any</h2>
    <h4>Any</h4>
  </div>
  <div id="three">
  </div>
</div>

在上面的例子中,我必须选择第一个和第一个子元素:#two,h2,h4,而不知道第一个元素的id名称.我怎么能这样做？

我可以选择第一个元素,但是如果我添加内容().find()到div:首先我不能选择它的子元素:

$(document).ready(function() {
    $(".one").mouseover(function () {  
        $(this).children('div:first').contents().find('h2,h4').stop(true, true).fadeIn('fast');
     });

    $(".one").mouseout(function () { 
        $(this).children('div:first').contents().find('h2,h4').stop(true, true).fadeOut('fast');
    });
});

最终和工作(没有闪烁!)代码是:

$(".one").hover(function () {  
$(this).children('div:first').stop(true, true).fadeIn('fast');
}, function() {;
$(this).children('div:first').stop(true, true).fadeOut('fast');
});

我想在来这里问问题之前我必须给自己更多时间思考.无论如何,我学习了.andSelf()和一些Jquery语法.再次感谢.