外部容器不擴展與擴展腳本

所以我有一些功能，基於懸停和點擊展開和摺疊。該功能在基本測試中工作正常，但它不在網站上工作。當用戶點擊展開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

外部容器不擴展與擴展腳本

回答

相關問題