poshyTip ツール ヒント プラグインを使用しています。
これは、ドキュメント準備完了で呼び出される関数です。
$('#contentBoxContent div.schedule > a').poshytip({
content: scheduleDiv,
showOn: 'none',
alignTo: 'target',
alignX: 'left',
alignY: 'center',
offsetX: 0,
offsetY: 0,
liveEvents: true
});
$('#contentBoxContent div.schedule').on('click', 'a', function(){
$(this).poshytip('show');
});
しかし、動的に作成された要素では機能しません。
これに対する修正はありますか?
div 構造は次のようになります。
<div class="divId3 displayBlock">
<div class="mp_t_cnt_1">4</div>
<div class="mp_t_cnt_2"><a href="Javascript:void(0);">zz5</a></div>
<div class="mp_t_cnt_3"><a href="Javascript:void(0);">zz5</a></div>
<div class="mp_t_cnt_4"><span>English (USA)</span></div>
<div id="tipBox2" class="mp_t_cnt_5">
<a href="Javascript:void(0)" title="Total Keywords">0</a>
</div>
<div class="mp_t_cnt_6">xyz</div>
<div class="mp_t_cnt_7">
<div class="f_left_pding"><input type="radio"></div>
<div id="tipBox1" class="f_left schedule">
<a class="clck" href="Javascript:void(0)" id="clk1Btn185"></a>
</div>
<div class="f_left">
<a class="close_1" href="Javascript:void(0)"></a>
</div>
</div>
</div>
Ajax Response では、この完全な div 構造体が新たに追加されました。
.on
動的に作成された要素で jQueryを試しましたが、表示されません。
ありがとう。