外部容器不扩展与扩展脚本

所以我有一些功能，基于悬停和点击展开和折叠。该功能在基本测试中工作正常，但它不在网站上工作。当用户点击展开A并展开B时，外部容器随之展开，因为您可以在jsFiddle中进行测试。但是，当相同的代码应用于main site时，外部容器不会扩展div。相反，如果它太长，它会有扩展的div。我在这里错过了什么？外部容器不扩展与扩展脚本

在此先感谢。 Rex

P.S.我无法使用更新版本的jQuery或更改布局。这就是CMS成立。不过，我可以更改CSS属性和JavaScript函数。

的jQuery脚本工作正常的测试版本：http://jsfiddle.net/rexonms/pXm62/

不过，这并不在现场工作：http://boston.staging.ujcweb.org/expandable-box.aspx

来源

2011-12-05 rex

是否有任何答案可以解决您的问题？ –

在您的http://boston.staging.ujcweb.org/js/globalPage.js文件中有一个名为adjustLayout的函数，该函数动态设置高度为div#ctl00_ContentPlaceHolder1_supportingElements。因此你的盒子不能推动容器。

你可以试试这个;将http://boston.staging.ujcweb.org/local_includes/top-nav.js脚本底部的切换功能更改为：

$("a.trigger").click(function() { 
    var $this = $(this), 
     $container = $('#ctl00_ContentPlaceHolder1_supportingElements'); 
    if($this.hasClass('active')) { 
     $container.height($container.data('height')); 
    } 
    else { 
     $container.data('height', $container.height()).css('height', 'auto'); 
    } 
    $(this).toggleClass("active").next().slideToggle("slow"); 
    return false; //Prevent the browser jump to the link anchor 
});

来源

2011-12-05 22:18:55

超级...那个伎俩。 IE浏览器很少出现问题，但我认为我可以修复它们。非常感谢您的帮助。 – rex

我看不出你的小提琴什么。但是，在主站点上，容器ctl00_ContentPlaceHolder1_supportingElements在元素的样式标记中设置了height，该标记为676像素（可以动态设置）。这就是问题所在。要么消除这种情况，要么将其更改为min-height用于扩展子元素。

来源

2011-12-05 22:16:37 ScottS

外部容器不扩展与扩展脚本

回答

相关问题