Всплывающие подсказки CFdump и Bootstrap сражаются друг с другом

Question

Я прикрепляю подсказки Bootstrap через

$("[title]").tooltip({ html: true });

Когда я использую <cfdump>теги заголовков прикреплены повсюду. Начало <cfdump> HTML выглядит так

<table class="cfdump_struct">
        <tr><th class="struct" colspan="2" onClick="cfdump_toggleTable(this);" style="cursor:pointer;" title="click to collapse">struct</th></tr> 
                <tr>
                <td class="struct" onClick="cfdump_toggleRow(this);" style="cursor:pointer;" title="click to collapse">Cause</td>
                <td>

Есть ли способ удержать друг друга от наступления друг на друга?

Answer 1

Вас это не должно волновать, потому что cfdump не должен использоваться в производстве, однако вы можете просто уменьшить массив, возвращаемый селектором jQuery. Не уверен, что это лучший способ сделать это, но он работает:

$("[title]").filter(function(){
    return ($(this).closest(".cfdump_struct").length == 0);
}).tooltip({ html: true });

Он запускает функцию фильтра для каждого элемента массива, возвращаемого селектором. Если он находится в таблице CFDUMP (обозначается классом.cfdump_struct), он не вернет его. Вам придется распространить это на другие типы cfdump (запросы и т. Д.), Но это должно помочь вам начать.

Опять же, это действительно не должно иметь значения, так как вы все равно не должны использовать cfdump в производственном коде.

Вы можете увидеть это в действии здесь: http://jsfiddle.net/seancoyne/rc7TL/