FancyBox, 창문에서 발사하는 아약스 가져 오기/클릭

Question

아약스 호출 후 클릭하면 나타나는 fancybox 창이 나타납니다. 나는 a.aboutContentImage 그 아약스 호출이 끝날 때까지 페이지에 존재하지 않는 점에 유의해야한다

$(document).ajaxStop(function() { 

    //FancyBox image zoom functionality jQuery script 
    $("a.aboutContentImage").fancybox({ 
     'zoomOpacity': true, 
     'zoomSpeedIn': 300, 
     'zoomSpeedOut': 300, 
     'overlayShow': true, 
     'frameWidth': 800, 
     'frameHeight': 600 
    }); 
}); 

과 미세 작업을 수행 할 수 있습니다.

그런 다음 창이 열리면 아약스 호출에서 일부 텍스트를로드해야합니다. 시도했습니다.

$("a.aboutContentImage").live("click", function(e) { 

    // ajax here 
}); 

그러나 팬시 박스 객체에 이벤트 리스너를 넣으려고 할 때 호환성 문제가 발생합니다.

Answer 1

먼저 이미지 제목에 텍스트를 추가하지 않는 이유는 무엇입니까? Fancybox는 캡션에 제목을 자동으로 추가합니다. 다른 작업을해야한다면 Fancybox onComplete 콜백 (ref)을 사용해보세요. 나는 이것을 테스트하지 않은,하지만 작동합니다 :

$(document).ajaxStop(function() { 
    //FancyBox image zoom functionality jQuery script 
    $("a.aboutContentImage").fancybox({ 
    'zoomOpacity': true, 
    'zoomSpeedIn': 300, 
    'zoomSpeedOut': 300, 
    'overlayShow': true, 
    'frameWidth': 800, 
    'frameHeight': 600, 
    'onComplete' : function(){ 
     // do whatever here 
     var txt = $('#text').text(); 
     $('#fancybox-title-float-main') 
     .append(txt) 
     .show(); 
    } 
    }); 
}); 

제목 속성에 무엇이든의 끝에 텍스트를 추가 할 #fancybox-title-float-main에 추가. 따라서 .append() 대신 .html()을 사용하는 것이 좋습니다.