외부 컨테이너가 확장 스크립트로 확장되지 않습니다.

그래서 마우스를 올려 놓고 클릭하면 확장 및 축소 기능이 있습니다. 이 기능은 기본 테스트에서는 잘 작동하지만 사이트에서는 작동하지 않습니다. 사용자가 A를 확장하고 B를 클릭 할 때 외부 컨테이너가 jsFiddle에서 테스트 할 수있게 확장됩니다. 그러나 동일한 코드가 main site에 적용되면 외부 컨테이너는 확장 된 div로 확장되지 않습니다. 너무 길면 div가 확장됩니다. 내가 여기서 무엇을 놓치고 있니?외부 컨테이너가 확장 스크립트로 확장되지 않습니다.

미리 감사드립니다. Rex

P. 최신 버전의 jQuery를 사용하거나 레이아웃을 변경할 수 없습니다. CMS가 설정되었습니다. 그러나 CSS 속성과 자바 스크립트 함수를 변경할 수 있습니다. http://jsfiddle.net/rexonms/pXm62/

을하지만 사이트에서 작동하지 않습니다 :

JQuery와 스크립트는 테스트 버전에서 잘 작동 난 당신의 바이올린에 아무것도 볼 수 없었다 http://boston.staging.ujcweb.org/expandable-box.aspx

출처

2011-12-05 rex

이 답변 중 하나가 문제 해결에 도움이 되었습니까? –

귀하의 http://boston.staging.ujcweb.org/js/globalPage.js 파일에는 높이를 동적으로 설정하는 함수 adjustLayout이 있습니다. 따라서 상자는 컨테이너를 밀 수 없습니다.

시도해 볼 수 있습니다. 이에 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은 요소 스타일 태그에 676px (동적으로 설정 될 수 있음) 인 height을 설정했습니다. 그게 문제였습니다. 이를 제거하거나 하위 요소 확장을 위해 min-height으로 변경하십시오.

출처

2011-12-05 22:16:37 ScottS

외부 컨테이너가 확장 스크립트로 확장되지 않습니다.

답변

관련 문제