Уроки по программированию

Yii2 подключаем подсказки от Bootstrap

По умолчанию подсказки(bootstrap) в yii2 отключены. Для того чтобы активизировать их нужно добавить в файл js две строчки

$(«[data-toggle=’tooltip’]»).tooltip();
$(«[data-toggle=’popover’]»).popover();

Либо добавить следующий код в контроллер к функций страницы на которой должны работать подсказки

$js = <<< 'SCRIPT'
/* To initialize BS3 tooltips set this below */
$(function () { 
    $("[data-toggle='tooltip']").tooltip(); 
});;
/* To initialize BS3 popovers set this below */
$(function () { 
    $("[data-toggle='popover']").popover(); 
});
SCRIPT;
// Register tooltip/popover initialization javascript
$this->registerJs($js);

После подключения tooltip можно проверить работу подсказок с помощью следующего кода

echo 'Testing for ' . Html::tag('span', 'tooltip', [
    'title'=>'This is a test tooltip',
    'data-toggle'=>'tooltip',
    'style'=>'text-decoration: underline; cursor:pointer;'
]);

Комментарии к статье

  • Аватарка 19.08.2015
    Ответить Николай

    спс

  • Аватарка 21.02.2016
    Ответить Егор

    В контроллере можно сделать так:
    $this->view->registerJs(‘$(«[data-toggle=’tooltip’]»).tooltip(); $(«[data-toggle=’popover’]»).popover(); ‘, View::POS_READY);

    Если использовать Ваш пример, то последнюю строчку надо заменить на это $this->view->registerJs($js, View::POS_END);

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *