引導酥料餅顯示在第二次點擊

Question

我有一個數據綁定列表中，其中一列顯示酥料餅：

<tbody data-bind="foreach: tehTab()"> 
    <tr> 
     <td data-bind="text: $data.Category"></td> 
     <td data-bind="text: $data.Name"></td> 
     <td><button type="button" class="btn" onclick="getInfo(this.id)" data-bind="attr: { id: $data.Id}, text: $data.Value" style="border:none; background-color:white"></button></td> 
    </tr> 
</tbody> 

和的getInfo功能：

function getInfo(click) { 
    $('#' + click).popover({ 
     content: 'Dana' + Math.random(), 
     html: true 
    }); 
} 

我唯一的問題是彈出窗口顯示在第二次點擊上，但我不知道爲什麼。有什麼我需要補充嗎？

Answer 1

找到原因:)在第一次單擊我的彈出窗口正在初始化，並在第二個顯示。解決方案是：

function getInfo(click) { 
    $('#' + click).popover({ 
     content: 'Dana', 
     html: true 
    }); 

    $('#' + click).popover("show"); 
} 

Answer 2

在初始化不同的方式時遇到同樣的問題。對我來說，解決辦法是將其初始化，如：

$(document).on("page:load ready", function(){ 
    $('body').popover({selector: '.my-popover-class', trigger: 'click'}); 
}) 

爲popover()更多選項here。