jquery bubble pop up を使用しています。コードは次のとおりです。
$(document).ready(function(){
//create bubble popups for each element with class "button"
$('.button').CreateBubblePopup({
selectable: true,
innerHtmlStyle: {
color:'#333333',
'text-align':'center'
},
themeName: 'green',
position: 'right',
themePath: 'images/jquerybubblepopup-theme'
});
});
バブルポップアップを表示する要素は、ボタンとしてクラスを持つ通常のdiv要素です(上記のコードを確認してください)
ボタンとしてのクラスと3つの異なるIDを持つ3つのdiv要素があるとしましょう
_1 _2 _3
バブルポップアップを設定する私のコードは次のとおりです
$('#_1').SetBubblePopupInnerHtml('Hi Bubble 1');
$('#_2').SetBubblePopupInnerHtml('Hi Bubble 2');
$('#_3').SetBubblePopupInnerHtml('Hi Bubble 3');
これはうまくいきます、
しかし、今の問題は、ページがjquery応答を取得すると、更新されたコンテンツでdiv要素(_1、_2、.._nとしてのIDとしてのボタン)を再作成し、それぞれのバブルポップアップの更新されたコンテンツも必要です。
バブルポップアップの更新されたコンテンツを取得するために、次のようにコードを変更しました
var bcontents = new Array();
bcontents[0] = 'Hi Bubble 1';
bcontenst[1] = 'Hi Bubble 2';
bcontenst[2] = 'Hi Bubble 3';
その後
$('#_1').SetBubblePopupInnerHtml(bcontents[0]);
$('#_2').SetBubblePopupInnerHtml(bcontents[1]);
$('#_3').SetBubblePopupInnerHtml(bcontents[2]);
したがって、jquery 応答を取得すると、div クラスをボタンとして再作成し、id を _1,_2 ... として再作成します。これに伴い、bcontents 配列のコンテンツも変更していますが、更新されたコンテンツの jquery バブル ポップアップが表示されません。