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 回答