gpt4 book ai didi

php - Yii Booster 弹出窗口在文本而不是按钮上

转载 作者:行者123 更新时间:2023-12-02 04:50:29 27 4
gpt4 key购买 nike

Yii 助推器 documentation显示如何在按钮上制作弹出窗口。我想在 anchor 元素而不是按钮上创建一个。本质上,我想将弹出窗口与 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'
),
));

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

更新

根据 Sergey 的回答,这是我的内容:

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

这接近我的需要,但由于某种原因,hove 不起作用,仅显示点击,也仅显示内容而不显示标题。

最佳答案

你可以使用 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',
])?>

enter image description here

更新:对于 Bootstrap 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',
))?>

关于php - Yii Booster 弹出窗口在文本而不是按钮上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18946116/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com