php - CakePHP 和 Twitter Bootstrap 工具提示

Question

我正在尝试从 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 语句中不起作用？

Answer 1

我让它像这样工作:

您需要包含 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')); ?>

您需要做的最后一件事是将其放在按钮下方的某个位置。

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

这应该可以解决问题。