Javascript Durandal:compositionComplete调用太早

我正在尝试将引导popover应用于DOM元素。我在视图准备好后立即应用popoover-

popoover（'show'

我在bootstrap的compositionComplete方法中应用了它，并意识到元素不是水平居中的属性。它被向右推了一点

如果我移除popover（“显示”），并且仅在悬停时使其可见，则所有操作都正常。如果我离开popover“显示”，并在1秒后强制应用popover，则所有操作都正常。因此，似乎调用viewattached太早，因此位置的popover计算不正确。我如何解决此问题

下面是我的方法

function compositionComplete(view, parent) {
   //setTimeout(function() {     --works if I all this
            $(element).popover({
                placement: 'bottom',
                //trigger: 'hover',
                template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
                content: 'This is the content',
                title: 'Start here',
            }).popover('show');
       //, 1000)
    }

函数合成完成（视图，父级）{
//setTimeout（function（）{--
$（元素）.popover({
位置：'底部'，
//触发器：“悬停”，
模板：“”，
内容：'这是内容'，
标题：“从这里开始”，
}).popover（“show”）；
//, 1000)
}

是什么导致出现问题的$（元素）被呈现？也许它是异步的？如果您添加到视图：

test

，然后使用

$（“#test1”）.popover…

？当页面加载时，元素始终存在。它基本上是div的一部分。