2

我正在尝试为 bootstrap-tooltip.js 中的按钮实现工具提示,但是我无法让它们工作。我已将脚本与 jquery.js 一起导入到我的 default.ctp 文件中。

在我想要工具提示的索引文件中,我有这个按钮,我试图为其添加工具提示。

<?php echo $this->Html->link(__('<i class="icon-plus"></i>'), array('action' => 'add'), array('class'=>'btn', 'rel'=>'tooltip', 'data-placement'=>'top', 'title'=>'Add', 'escape'=>false));?>

我在一个不同的 HTML 文件中有工作工具提示,就像这样工作;

<a id="x-tooltip" href="#" rel="tooltip" data-placement="top" title="x">x</a>

我错过了什么吗?为什么这在 php 语句中不起作用?

4

1 回答 1

2

我让它像这样工作:

您需要包含 bootstrap.min.js 和 jquery.js 才能使其正常工作,还需要包含 bootstrap.css。

我做了这样的按钮:

<?php echo $this->Html->link(__('View'), array('action' => 'view', $albumList['AlbumList']['id']), array('class'=>'btn', 'rel'=>'tooltip', 'data-placement'=>'top', 'title'=>'View')); ?>

您需要做的最后一件事是将这个 somwhere 放在您的按钮下方。

        <script>
            $('[rel="tooltip"]').tooltip('toggle')
            $('[rel="tooltip"]').tooltip('hide');   
        </script>

这应该够了吧。

于 2013-04-11T13:35:44.033 回答