Bootstrap подсказка с й-редактируемым плагиным

Question

я пытаюсь сделать работу подсказку и х-редактируемые плагин вместе

это мой якорь код печати

<?php $Cvstate.="<a href=\"#\" id=\"cvstage\" style=\" text-decoration:none;\" data-toggle=\"tooltip\" data-container=\"body\" data-placement=\"top\" data-original-title=\"{$row['idate']}\">Cv Send</a><br><br>" ;?> 

и когда добавить х редактируемые плагин атрибутов выглядят как этого

<?php $Cvstate .= "<a href=\"#vacancy\" id=\"cvstage\" style=\"margin: 15px; text-decoration:none;\" data-type=\"select\" data-pk=\"1\" data-source=\"/groups\" data-value=\"{$row['id']}\" data-title=\"Select group\" data-toggle=\"tooltip\" data-container=\"body\" data-placement=\"top\" data-original-title=\"{$t['date']}\">Cv Send</a> <br>"; ?> 

проблема заключается в том, когда я добавить data-toggle="tooltip" к ней х-редактируемым плагиным не работают, и когда я удалить его х-редактируемый плагин работает, но подсказка не выработок. Любая идея, откуда эта ошибка?

Link to plugin

Answer 1

Я также был конфликт между й-редактируемой и самозагрузкой подсказкой. Прочитав информацию по адресу Bootstrap tooltip data-toggle, я решил попробовать следующий селектор для всплывающих подсказок.

$("body").tooltip({ 
    selector: '[data-title]'}); 
}); 

Это хорошо работает с й-редактируемым плагиным, так как вы можете указать данных титула в качестве одного из вариантов. Например.

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a> 

Вам просто нужно убедиться, что вы обновили все ссылки на предыдущий селектор всплывающей подсказки.

Это позволит вам использовать всплывающую подсказку x-editable и bootstrap на том же элементе.

Answer 2

Вот фиксированный код.

JS

$("body").tooltip({ 
    selector: '[data-title]' 
}); 

HTML

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>