툴팁 링크에서 호출 된 Jquery 모달 윈도우가 작동하지 않습니다.

Question

툴팁 내에서 링크를 클릭하면 jquery 모달 윈도우 (colorbox 기준)를 호출하는 자바 스크립트 툴팁이 있습니다. 각 링크에는 class="modalPageWide"이 할당되어 있습니다. modalPageWide 클래스는 jquery 모달 윈도우를 호출하는 클래스입니다.

예제 1의 링크 중 modalPageWide를 지정하고 클릭 한 경우 jquery 모달 창을 호출하지 않는 것이 문제입니다. 누군가 내가 내 마지막 작품을 위해해야 ​​할 일을 해결할 수 있습니까? 여기

는 데모 내 코드입니다 : http://jsbin.com/ijeku4/4/

JQuery와 코드 :

$(document).ready(function() 
    {$(".modalPageWide").colorbox({ 
     width:"800px",height:"610px",opacity:0.6,iframe:true 
    })} 
); 

툴팁 번호 :

dw_Tooltip.defaultProps = { 
     sticky: true, 
    klass: 'tooltip', 
    showCloseBox: true, 
    klass: 'tooltip2', // class to be used for tooltips 
     closeBoxImage: 'http://www.google.com/apps/images/x.png', 
     wrapFn: dw_Tooltip.wrapSticky 
} 

dw_Tooltip.content_vars = { 

tooltip_popup: { 
     content: 'Click a link to continue' + 
'<ul><li><a href="http://www.amazon.com" class="modalPageWide">Link 1</a></li>' + 
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 2</a></li>' + 
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 3</a></li>' + 
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 4</a></li></ul>', 
     klass: 'tip' 
    } 
} 

Answer 1

문제는 초기화 코드는 툴팁의 내용에 영향을 미칠 수 없다는 아마 왜냐하면 그들은 초기화가 일어날 때 DOM에 있지 않기 때문입니다. 툴팁이 표시된 경우에만 추가됩니다. 어떤 툴팁 플러그인인지는 모르겠지만 툴팁이 표시 될 때 호출되는 콜백을 추가하는 방법이 있다면 거기에 초기화 코드를 넣을 수 있습니다.

dw_Tooltip.defaultProps = { 
    sticky: true, 
    klass: 'tooltip', 
    showCloseBox: true, 
    klass: 'tooltip2', // class to be used for tooltips 
    closeBoxImage: 'http://www.google.com/apps/images/x.png', 
    wrapFn: dw_Tooltip.wrapSticky 

}; 

dw_Tooltip.on_show = function() { 
    $(".modalPageWide").colorbox({ 
     width:"800px",height:"610px",opacity:0.6,iframe:true 
    }) 
}; 

이 필요할 수는, 불통에 따라 할 : 당신이 그것을 옵션에서 "on_show"기능을 제공 할 수 있습니다처럼

— OK 지금은 그 툴팁 플러그인을 볼 수있는 편집, 그것은 본다 그 도구 설명이 어떻게 작동하는지. (필자는 그것을 보았지만 철저하게 다 다루지는 않았습니다.) 툴팁의 내용이 활성화 될 때마다 DOM에 다시 추가 되었다면 아마 괜찮을 것입니다. 그러나 툴팁이 달라 붙어서 "컬러 박스"가 무엇을하는지에 따라, 툴팁 DOM 프래그먼트가 이미 "colorboxed"되었는지 여부를 추적해야 할 수도 있습니다.