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

Я прикрепляю всплывающие подсказки 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>

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


twitter-bootstrap-3 coldfusion cfdump
person James A Mohler    schedule 25.02.2014    source источник
comment
cfdump не предназначен для производственных приложений. Он нужен для того, чтобы вы могли быстро увидеть свои данные во время разработки и обслуживания. Как это не простое раздражение?   -  person Dan Bracuk    schedule 25.02.2014

Ответы (1)


arrow_upward
2
arrow_downward

Вам все равно, потому что 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/

person Sean Coyne    schedule 25.02.2014