Question

我有一个类似that的模态。现在我想将Kartik's Popover X添加到注入的表单中。

<div class="ensemble-form-add">  

    <?php
    $content = '<p class="text-justify">sometext</p>';
    echo PopoverX::widget([
        'id' => 'ownShit',
        'header' => 'Usage Information',
        'size' => PopoverX::SIZE_LARGE,
        'placement' => PopoverX::ALIGN_BOTTOM,
        'content' => $content,
        'toggleButton' => ['label'=>'<span class="glyphicon glyphicon-question-sign"></span>', 'class'=>'btn btn-lg btn-link'],
    ]); ?>

    <?php $form = ActiveForm::begin(['id' => 'add ...
...

正确呈现弹出框按钮和对话框（隐藏）。但是按下模态中的按钮不会做任何事情。如果我单独打开上面的表单（不是模态）按钮工作并显示对话框。

以前有人试过这个吗？我是否必须设置id以使其正常工作？

Answer 1

最后我开始工作了。我使用了这个link的代码：

public static function renderLabelHelp($label, $help) {
    return Html::tag('label', $label, [
        'data-toggle'=>'popover',
        'data-trigger' => 'click hover',
        'data-placement' => 'auto right',
        'data-html' => 'true',    // allow html tags
         // 'data-title'=> 'Help',
        'data-content'=>$help,
        'style'=>'border-bottom: 1px dashed #888; cursor:help;'
    ]);
}

并添加以下js以使其像魅力一样工作！

$(function(){
    // this will show the popover within a modal window
    $('#modal').on('shown.bs.modal', function(){
        $('[data-toggle="popover"]').popover();
    });
});

模态中的Yii2 popover-x

1 个答案: