ツールヒントリンクから呼び出されたJqueryモーダルウィンドウ

Question

ツールチップ内からリンクをクリックしたときにjqueryモーダルウィンドウ（カラーボックス）を呼び出すjavascriptツールチップがあります。各リンクには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にないからです。ツールヒントが表示されている場合にのみ追加されます。私はツールチップのプラグインが何であるか分かりませんが、ツールチップが表示されたときに呼び出されるコールバックを追加する方法があれば、そこに初期化コードを入れることができます。あなたはそれをオプションで「on_show」機能を与えることができますように — OK、今私はそのツールチッププラグインを見ることができる、それが見えます

編集：

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 
    }) 
}; 

これはに応じて、微調整する必要があるかもしれませんそのツールチップのことがどう機能するのか。 （私はそれを見て回ったが、すべてを徹底的に調べていなかった。）各起動時にツールヒントの内容がDOMに再追加された場合、これはおそらく問題ありません。ただし、ツールチップがスティックされていて、「カラーボックス」の内容によっては、ツールチップのDOMフラグメントが既に「カラーボックス化」されているかどうかを確認する必要があります。