我对引导弹出框有一个特定的问题。
所有 jquery 和引导程序文件都包含在文件 index.php
中,在同一文件中我有这个div:
<div id="con"> Loadding </div>
我有一个jquery函数,可以从php文件加载内容
$(document).ready(function(){
var auto_refresh = setInterval(
function()
{
$('#con').load('ajax/some.php');
}, 1000);
});
在some.php
文件中,我有链接来激活引导弹出窗口。
echo ' <a href="#"
class="pop-tel"
data-html="true"
data-container="body"
data-trigger="hover"
data-placement="bottom"
data-content="Tel: xxx"
data-original-title="';
echo 'Test">';
echo 'Some one</a>';
some.php
的内容效果很好,但引导弹出窗口不显示。
你可以帮我吗?
根据引导文档,在添加工具提示时,比如按钮,你最终会得到这样的东西(在你使用 Jquery Load 返回的外部文件中)。
<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip info here">Some Button</button>
在 Jquery 回调中,可以初始化所有工具提示。这是根据 Bootstrap 的"选择加入"引导工具提示示例
文档然后,您对 Jquery Load 的回调将如下所示
$('#con').load('ajax/some.php', function() {
$('[data-toggle="tooltip"]').tooltip()
});