0

コンテンツを動的に変更する必要があるポップオーバーを使用していますが、その一部のみです。より具体的には、bootstrapx-clickoverを使用しているため、ポップオーバーを閉じるボタンが削除されるため、データ コンテンツを単純に更新することはできません。

私の現在のコードは次のようになります。

<span class="label label-importan" rel="clickover" data-content="NEW TEXT HERE<button class='btn' data-toggle='button' data-dismiss='clickover'>Close</button>" data-original-title="Title">data</span>

私が電話した場合：

....
var el = $(this);
el.attr('data-content', "New Data");
....

残念ながら、これによりボタンコードが削除されました。ボタン HTML ではなく、データ コンテンツのテキストのみを更新する方法はありますか?

4

1 に答える 1

1

data-content属性のコンテンツが例と同じままであると仮定すると、IE には常に<button>要素が続くテキストがあり、次のようなコードを使用できます-

var attributeContent = el.data('content');
var withoutText = txt.replace(/.*<button/,'<button');
el.data('content','SOME NEW TEXT HERE'+withoutText);

これは一種のローテク ソリューションであり、data-content値の一貫性に依存しますが、これは特定のケースで機能する可能性があります。

基本的に毎回新しい要素 (要素) を追加しているため、動的に生成される要素にイベント ハンドラーをアタッチできるように、親要素で関数<button>を使用する必要がある場合があります。delegate()

于 2013-01-22T21:09:33.873 に答える