0

我有一个这样的模。现在我想将Kartik 的 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 才能使其正常工作?

4

1 回答 1

0

最后我让它工作了。我使用了此链接中的代码:

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();
    });
});
于 2017-03-16T18:43:01.560 回答