CakePHP 和 Twitter 引导工具提示答案

【问题标题】：CakePHP & Twitter Bootstrap TooltipsCakePHP 和 Twitter 引导工具提示
【发布时间】：2012-10-23 03:51:50
【问题描述】：

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

【问题讨论】：

工作版对您来说太容易阅读了吗？为什么要改变它？
你仍然需要初始化它，对吧？类似于$('a[rel="tooltip"]').tooltip(); IIRC
是的，我在代码下方有。
@shakabra 因为工作的是 html 而不能工作的需要 php。
它是 .html 文件吗？如果是，您是否设置了将 html 文件解析为 php 的网络服务器？当您打开浏览器到该页面时，您是否获得了 html 输出或看到您的 php 代码。检查控制台是否有任何 js 问题。此外，您应该将该代码放入 $(document).ready(function() { // code here });

标签： php javascript cakephp twitter-bootstrap

【解决方案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>

这应该可以解决问题。

【讨论】：

哈哈哇这太老了，不再从事这个项目，但我确实做到了。无论如何感谢您的回答:)