다른 jquery가 포함 된 Facebox

Question

그래서 나는 facebox 설정을했고 작동합니다. 탭 기반 탐색 (JQuery 너무) 외부 페이지를로드 할 때 모달 작동하지만 탐색 doesnt. 명확하지 않으면 실제로 탭이 라이트 박스 안에 있도록하고 싶습니다. 그리고 그것은 또한 아무것도 변경할 수있는 경우 라이트 박스 안에 PHP/MySQL을 실행하고있다. 어떤 도움을 주셔서 감사합니다.

이 모달 상자가 나를 여기

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $('#tabs').tabs(); 
     }); 
</script> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Informations</a></li> 
     <li><a href="#tabs-2">Factures en attente</a></li> 
     <li><a href="#tabs-3">Marché en cours</a></li> 
    </ul> 
<div id="tabs-1"> one</div> 
<div id="tabs-2"> two</div> 
<div id="tabs-3">three</div> 

Answer 1

충분하지 않습니다 세부 사항을 호출하는이 페이지에있는 스크립트입니다 원래 모달 호출

<link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/> 
<script src="facebox/facebox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
    $('a[rel*=facebox]').facebox() 
}); 

에게 있습니다 .. 모달 마크 업/호출은 어디에 있습니까? 탭이 참조하는 컨테이너는 어디에 있습니까?

여기에 예를 들어 소스를 참조하십시오 : 당신이 용기를 사용하지 않는 경우

http://docs.jquery.com/UI/Tabs

, 탭이와 상호 작용하는 아무것도 작동하지 나타날 수 있습니다.

편집 :

공식 문서에 따르면, 이것은 jQuery를로드 한 후, 작동합니다 :

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Tab 1 content</p> 
    </div> 
    <div id="tabs-2"> 
     <p>Tab 2 content</p> 
    </div> 
    <div id="tabs-3"> 
     <p>Tab 3 content</p> 
    </div> 
</div> 

당신이 그것을 작동하는지 확인하기 위해 정확한 예를 시도? 그래도 작동하지 않는다면 Facebox가 어떻게 든 방해가 될 수 있습니다. 많은 일을하지 않고 가장 간단한 형태로 줄이고 작동하는지 확인한 다음 천천히 추가하십시오.

Answer 2

재생할 수 없습니다. 여기에 간단한 데모를 만들었습니다 http://jsbin.com/iposi3/2은 http://jsbin.com/uwoxe/2을로드합니다. 로드 된 원격 페이지가 완전한 HTML 페이지가 아니라는 점에 유의하십시오. 따라서 html, head, body 태그 또는 그 밖의 태그가 없으면 완전히 실패합니다. 단지 당신이 보여준 것과 같은 "html-fragment".

내 오페라에서 잘 코드 사용 http://jsbin.com/iposi3/2/edit 및 http://jsbin.com/uwoxe/2/edit

작품을 볼 수 있습니다. 물론 페이스 박스는 너무 작아서 기본 설정으로 탭을 멋지게 보여줄 수 없습니다. 내 기억 문제 (my post on that 확인) jQuery를 때때로 원격로드 된 내용의 script 태그를 제거합니다 것과

---

. 그러나 이는 FaceBox가 사용하지 않는 $.load이 사용될 때만 적용됩니다 (원격 콘텐츠는 $.get입니다).

어떤 브라우저에서 문제가 발생합니까? IE 인 경우 jQuery가 원격 콘텐츠의 스크립트 태그를 삽입하려고하면 "Permission Denied"오류가 발생합니다. 브라우저 오류 콘솔을 확인 했습니까?