如何在运行时在popover的数据内容标签中添加数据?

时间:2014-03-27 12:55:51

标签: asp.net-mvc asp.net-mvc-3 twitter-bootstrap twitter-bootstrap-3

我在MVC应用程序中使用Bootstrap。

我正在尝试添加要在popover运行时显示的数据。 但它不起作用......

我有这段代码......

<html>
<body>
   <a href="#" id="example" class="btn btn-danger" rel="popover" data-content="" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  
</body>
</html>



 <script>


        $(function () {
            $("#example").popover("Adding data run time here...");
        });



    </script>

3 个答案:

答案 0 :(得分:0)

使用.attr() function

$("#example").attr("data-content", "Adding data run time here...");

答案 1 :(得分:0)

我找到了答案......

<html>
<body>
   <a href="#" id="example" class="btn btn-danger" rel="popover" data-content="" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  
</body>
</html>

<script>

    $(function () {
        $("#example").attr("data-content", getData()).popover();
    });

    function getData()
    {
        return "Here is the runtime data";
    }

</script>

答案 2 :(得分:0)

   徘徊于popover

$( “#示例”)。酥料饼({                 安置:'顶部',                 内容:'在这里添加数据',             });