Colorbox : 인라인 div 자동 시작

Question

나는 Colorbox를 통해 표시 할 DIV 세트가 있습니다.

그것은 이제 페이지가 열려 즉시 colorbox 킥오프 할

$(".my_group").colorbox({rel:'my_group', inline:true, href:$(this).attr('href')}); 

아래와 같이 잘 작동, 그래서이 작동하지 않습니다

$.fn.colorbox({rel:'my_group', inline:true, href:$('.my_group').attr('href')}); 

을 시도했다. 나는 또한 시도했다

$.fn.colorbox({rel:'my_group', inline:true, href:'#box1'}); 

여기서 # box1은 그룹의 첫 번째 div입니다. 그러나 실제로 그룹의 다른 인라인 슬라이드로 box1을 ADDS에 추가합니다.

자동으로 그룹 전환 색상 상자를 시작하는 가장 좋은 방법은 무엇입니까?

Answer 1

자동으로 (페이지로드시) 색상 상자를 열려면 설정에 open:true을 추가하기 만하면됩니다. 또한 'rel'을 사용한 그룹화가 반드시 옵션에 있어야 할 필요는 없습니다. 그것을 버리면 모든 컬러 박스 그룹을 한 번에 호출 할 수 있습니다. 또한 대상 요소에 이미 href 속성이있는 경우 옵션에 추가 할 필요가 없습니다 (colorbox는 div 및 기타 등등에도이 속성을 자동으로 찾습니다). 다음이 HTML

$(".cbox").colorbox({inline:true, open:true}); 

을 그리고 :

<a class="cbox" href="#C" rel="my_2group">C</a> 
<a class="cbox" href="#D" rel="my_2group">D</a> 
<a class="cbox" href="#A" rel="my_group">A</a> 
<a class="cbox" href="#B" rel="my_group">B</a> 

2 개 이미지와 함께 당신이 별도의 colorboxes 각을 줄 것이다, 페이지 인 경우 첫 번째 그룹이 열립니다를 그래서, 당신의 colorbox 호출은 다음과 같을 수 있습니다 짐을 실은.

하나의 colorbox 호출에서 이들을 모두 결합하는 것은 열려는 그룹이 dom에서 가장 높다는 것을 보장 할 수있는 경우에만 작동한다는 점에 유의하십시오. 일반적으로 인라인 콘텐츠는 숨겨져 있기 때문에 일반적으로 문제가되지 않습니다. 그렇지 않은 경우 몇 통화로 분할해야합니다.