.net Twitter引导popover没有';不要露面

.net Twitter引导popover没有';不要露面,.net,asp.net-mvc-3,twitter-bootstrap,popover,.net,Asp.net Mvc 3,Twitter Bootstrap,Popover,我发布这个问题是因为,在我的搜索中,我没有找到任何与我的情况类似的东西。我尝试了很多方法来寻找其他的解决方案,但都不管用。以下是我的情况: 我使用handlebar.js模板动态创建了一个文本区域: {{#datacontext}} <textarea rows="10" cols="41" id="selector" rel="popover" data-content="{{data_value}}" data-html="true" sty

我发布这个问题是因为,在我的搜索中,我没有找到任何与我的情况类似的东西。我尝试了很多方法来寻找其他的解决方案,但都不管用。以下是我的情况:

我使用handlebar.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}}
我也试着把内容放在
#poConten
t中


我将非常感谢您在这方面的帮助。

似乎您的js模板器在文档准备就绪和脚本运行后可以工作对于调试请在文档准备就绪并延迟一段时间后尝试运行它(使用
setTimeot()
):


似乎您的js模板器在文档准备就绪和脚本运行后工作对于调试请在文档准备就绪并延迟一段时间后尝试运行它(使用
setTimeot()
):


是的,你是对的,这很有效。然而,在发布我的问题之后,我发现了另一个解决方案,它是有效的:$(“#选择器”).live(“悬停”,函数(){$(this).popover({trigger:'click',html:true,content:function(){return$('#poContent').html();},位置:'left',容器:'#选择器',标题:'Some title'});});谢谢你调查我的问题。我已经接受了你的回答。是的,你是对的,这是有效的。然而,在发布我的问题之后,我发现了另一个解决方案,它是有效的:$(“#选择器”).live(“悬停”,函数(){$(this).popover({trigger:'click',html:true,content:function(){return$('#poContent').html();},位置:'left',容器:'#选择器',标题:'Some title'});});谢谢你调查我的问题。我已经接受了你的回答。
     $('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();
        }
    });
$(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 

}) ;