2

Yii 助推器文档展示了如何在按钮上制作弹出框。我想在锚元素而不是按钮上创建一个。本质上，我想将弹出框与 Yii 的tooltip结合起来。有谁知道如何做到这一点？

这是弹出窗口的代码：

$this->widget(
'bootstrap.widgets.TbButton',
array(
    'label' => 'Top popover',
    'type' => 'primary',
    'htmlOptions' => array(
        'data-title' => 'A Title',
        'data-placement' => 'top',
        'data-content' => "And here's some amazing content. It's very engaging. right?",
        'data-toggle' => 'popover'
    ),
));

如果有一种方法可以将其更改为不呈现按钮，而只是呈现锚点，则问题将得到解决，但我在代码中找不到可用于执行此操作的任何内容。

更新

按照谢尔盖的回答，这就是我所说的：

echo CHtml::Link("$detail->text", null, 
array(
'rel' => 'popover',
'data-trigger' => "hover",
'data-title' => "$header",
'data-content' => "$body"
));

这接近我所需要的，但由于某种原因，hove 不起作用，只有点击和只有内容得到显示，而不是标题。

4

1 回答 1

5

您可以使用 CHtml：

<?php echo CHtml::Link('<i class="icon-info-sign"></i>', null, [
    'rel' => 'popover',
    'data-trigger' => 'hover',
    'data-title' => 'Your title',
    'data-content' => 'Your content',
])?>

在此处输入图像描述

更新： 对于引导 2.3.2：

<?php Yii::app()->clientScript->registerScript("", "$('.ipopover').popover();", CClientScript::POS_READY) ?>
<?php echo CHtml::Link('<i class="icon-info-sign"></i>', null, array(
    'class' => 'ipopover',
    'data-trigger' => 'hover',
    'data-title' => 'Your title',
    'data-content' => 'Your content',
))?>
于 2013-09-22T22:27:31.197 回答