재사용 jQuery를 UI CSS는 ... 위젯 박스 나란히

나는 또한 나란히하고 여러 행이 widgetboxes을 만들 jQuery UI css를 재활용하고 싶습니다재사용 jQuery를 UI CSS는 ... 위젯 박스 나란히

이상적인를 만들려면 다음

 

[] [] 
[] []

지금까지 시도한 결과로 모든 UI 위젯 상자가 서로 뭉쳐지게되었습니다.

 
<div id="1" class="ui-widget ui-state-highlight ui-corner-all" style="padding:5px;margin:3px;width:173px;display:inline;height:130px;"> 
    <img src="sampleimgblock.png" width="173" height="130" /> 
</div>

출처

2010-08-15 ina

위젯 상자가 무엇인지 명확하게 정의해야한다고 생각합니다. jQuery UI 대화 상자와 같은가요? –

상자처럼 보이는 jQuery 요소는 ... ui-tab 또는 아코디언이 될 수도 있습니다. 상자 안에 클릭 가능한 이미지가 있습니다. – ina

내가 정말 당신이 달성하려고하는 것을 이해하지 못하는 것 같아요 : 심지어 별개의 세포를 강제하려고하는 테이블을 사용하여 .. 다음은 각 셀에 대한 실패 코드입니다. 그것이 4 개의 구성 요소 인 경우 2 X 2 당신은 이런 식으로 할 수 있습니다.

CSS이 새로운 "행"다이어그램과 비슷한 모든 3 구성 요소를 만드는 일을 시작합니다

$('.ui-widget:nth-child(3)).css('clear', 'both');

.ui-widget{float: left} 
.ui-widget:nth-child(3){clear:both} //Only works in modern browsers

jQuery를 대체.

출처

2010-11-07 19:11:01 Chad

재사용 jQuery를 UI CSS는 ... 위젯 박스 나란히

답변

관련 문제