javascript div没有扩展到匹配动态表单域

我有两个div已经使用JavaScript编码，以便“lightpole”div将展开以匹配“LayoutColumn2”div的高度。除了结帐页面外，它似乎在任何地方都可以正常工作。此页面有一些动态表单元素，一旦完成一个部分就会展开。 lightpole div不会展开以匹配容器形成的展开div，即使它们位于较大的LayoutColumn2 div内。javascript div没有扩展到匹配动态表单域

网站：https://store-e262c.mybigcommerce.com/checkout.php?tk=eceb5394b7c03ae4a283b2eabff8f9f6

如果不起作用的东西添加到购物车>进行结算>选择我是一个新的客户，继续按钮。如果您继续完成结帐流程，光柱中断在页脚附近可见并且非常明显。如果有人想创建测试用户，我可以删除用户。

<!--make lightPole expand to height of tallest column--> 
<script type="text/javascript"> 
    $(window).load(function(){ 
    var ht=($('#LayoutColumn2').height() > $('#LayoutColumn3').height()) ? 
    $('#LayoutColumn2').height() : $('#LayoutColumn3').height(); $('#lightPole').height(ht); }); </script>

的HTML是冗长而根据在结账过程中的阶段的变化，但如果有人想它，我仍然可以将它张贴。

CSS

#lightPole { 
background:url(../images/lightPole8aSlice.png); 
margin: 0 0 0 19.9px; 
padding: 0; 
position: absolute; 
width: 15px; 
z-index: -100; 
display: inline-block; 
float: left; 
} 

#LayoutColumn2{ 
float: left; 
height: auto; 
margin: 0; 
padding: 0; 
width: 641px;

}

.Content { 
background: url("../images/contentMiddleBackground.png") repeat scroll 0 0 transparent; 
float: left; 
font-size: 0.95em; 
margin: 0; 
min-height: 266.5px; 
padding: 0 5px 0 28px; 
width: 609px;

}

它嵌套相当深刻，也有在那里，所以也许其中之一是造成这一问题的若干其他脚本块... ？

来源

2011-07-27 bjstone15

我不能张贴图片，因为我仍然是一个newover到stackoverflow :( – bjstone15

但我可以编辑您的帖子;）。张贴了一个解决方案，检查它是否正确。看看[这个小提琴]（http://jsfiddle.net/BQu9K/）的现场演示。 – marc

当其他div（#LayoutColumn2）更改其高度时，您的问题是imho以调整div（#lighPole）的大小。这可以被存档，例如使用jquery resize plugin。

<script type="text/javascript" src="/content/jquery.ba-resize.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
    $('#LayoutColumn2').resize(function() { 
     var ht = Math.max($('#LayoutColumn2').height(), $('#LayoutColumn3').height()); 
     $('#lightPole').height(ht); 
    }).resize(); 
    }); 
</script>

来源

2011-07-27 16:49:15 marc

hhmm这似乎已使lightpole的大小只有200px http://greenlight.mybigcommerce.com/categories/Beauty/我是否需要添加像jsfiddle示例中的clear float？ – bjstone15

我错了还是没有包含我推荐的插件？ – marc

不是它是我:)这是我现在没有运气只是为了澄清，我应该与我提供的JavaScript代码一起使用或只是废弃？感谢所有的帮助！ – bjstone15

javascript div没有扩展到匹配动态表单域

回答

相关问题