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;'
]);
comments powered by HyperComments