2011-07-26 2 views
2

그래서 링크가있는 멋진 상자가 있습니다.jquery.html()을 사용하여 fancybox 내 콘텐츠 변경

fancybox 내용 :

$(".precilink").click(function(e){ 
     e.preventDefault(); 
     $('#precitext').html("hello"); 
    }); 

을하지만 DOM에 precitext 아이디 HTML 변화를 얻을 수 있지만, 아무것도, 발생하지 :

<a href="#" class="precilink">preci description</a> 
<div id="precitext"> 
    text changed by clicking preci 
</div> 

은 지금은 정상이 jQuery를 최대 있습니다. fancybox를 다시 불러 오라고 어떻게 말합니까?

+0

Woops 도움이하지만 난이 변경 페이지 (여러 fancyboxes)에서 여러 분야에서 그 precitext div에 있었다 (".precitext")는 단지 일 벌금. 사람들이 멋진 박스를 조작하는 방법을 볼 수 있도록 질문을 남겨 두겠습니다. – Msencenb

답변

0

정상적인 fancybox 사용을 위해서는 링크가 div를 가리켜 야합니다. 그것은이 경우에는 필요하지 않을 수도 있지만, 자바 스크립트는 동적 DOM에 삽입되어 있기 때문에 그 가치 탄

<a href="#precitext" class="precilink">preci description</a> 
0

.html 대신 .text를 사용해보십시오.

$(".precilink").click(function(e){ 
     e.preventDefault(); 
     $('#precitext').text("hello"); 
}); 
1

당신은 라이브 이벤트를 사용해야합니다.

$(".precilink").live('click', function(e){ 
    e.preventDefault(); 
    $('#precitext').html("hello"); 
}); 

희망이 그래서 내가 ID를 사용했다 ...