Typo3 Jquery + Boostrap deletes elements

Question

I'am using jQuery and Bootstrap in my TYPO3-Extension.

My HTML-Elements have an tooltip (bootstrap tooltip)

<input type="text" 
       class="form-control" 
       data-toggle="tooltip" 
       data-placement="bottom" 
       title="Nachname eingeben" 
       placeholder="Nachname" />

If I rollover the element --> Tooltip is shown correctly.

But if I rollout the element --> whole input element is deleted

The JS to the site is:

$.noConflict(); 
$(document).ready(function ($) { 
    // tooltips 
    $('[data-toggle="tooltip"]').tooltip();
} );

whats the problem????

Asking "why isn't my code working" isn't helpful if all you've posted is boilerplate. Please post the issue in a way that can be replicated in order to provide better debugging assistance. — Aibrean, Dec 17 '14 at 15:11
The JS to the site is: `$.noConflict(); $(document).ready(function ($) { // tooltips $('[data-toggle="tooltip"]').tooltip();} );` — Felix, Dec 17 '14 at 15:57
resolved: solution is: http://stackoverflow.com/questions/15087129/popover-hides-parent-element-if-used-with-prototype-js — Felix, Dec 17 '14 at 21:27

score 2 · Accepted Answer · edited May 23 '17 at 11:44

2

For the next one who have a question like this, I put the answer gave by Felix himself here because it's more visible.

He finds the solution here : Popover hides parent element if used with Prototype JS

edited May 23 '17 at 11:44

Community

1
1

answered Dec 18 '14 at 11:48

Lynxi

817
13
39

Typo3 Jquery + Boostrap deletes elements

1 Answers1