1

私の検索では、私の状況に似たものが見つからなかったため、この質問を投稿しています。他のすべてのソリューションを見て多くのことを試しましたが、何も機能しません。これが私の状況です：

handlebars.js テンプレートを使用して動的に作成するテキストエリアがあります。

{{#datacontext}}
<textarea rows="10" cols="41" id="selector" rel="popover" 
          data-content="{{data_value}}" data-html="true" 
          style="color:Black;background:none;" class="uneditable-textarea"   
          readonly="true" >{{data_value}}</textarea>
{{/datacontext}}

次に、jQuery には以下のすべてのコードがありますが、何も機能しません。私は自分のbootstrap.jsスクリプトにポップオーバーがあると確信しています:

     $('body').popover({
            selector: '[rel=popover]',
            placement: 'left'
        });

 $('#selector').popover({ trigger: 'hover'
                            , placement: 'left'
                            , html: true
                            , content: function () {
                                return $("#poContent").html();
                            }
    });

    $("[rel=popover]").popover({ placement: 'left' });

    $('[rel=popover]').popover({
        html: true,
        content: function () {
            return $('#poContent').html();
        }
    });

#poContentにもコンテンツを入れてみました。

この点であなたの助けをいただければ幸いです。

4

1 に答える 1

1

ドキュメントの準備が整い、スクリプトが実行された後、jsテンプラーが機能するようです。デバッグのために、ドキュメントの準備ができてから少し遅れて実行してみてください（を使用setTimeot()）：

$(document).ready(function() {

setTimeout(function(){
$('body').popover({
            selector: '[rel=popover]',
            placement: 'left'
        });

 $('#selector').popover({ trigger: 'hover'
                            , placement: 'left'
                            , html: true
                            , content: function () {
                                return $("#poContent").html();
                            }
    });

    $("[rel=popover]").popover({ placement: 'left' });

    $('[rel=popover]').popover({
        html: true,
        content: function () {
            return $('#poContent').html();
        }
    });
 }, 2000); // 2 sec delay 

}) ;
于 2013-06-26T07:53:16.960 に答える