jQueryTooltip1.3とjQuery1.7を使用しています。アンカータグにタイトル属性を追加すると、ツールチップが機能します。ただし、使用しようとすると機能しbodyHandler
ません。関数のコンソールに何もログに記録できないため、bodyHandler
呼び出されないだけだと思います。
HTML:
<a href="#awrap-exhibitor-listing" class="em-tooltip tooltip-directory" data-original-title="">View how your listing will appear in the directory:</a>
<div id="awrap-exhibitor-listing" class="wrap-exhibitor-listing" style="display: none; ">
<div class="em-show-directory-example">
<div class="sd-company-booth">
<div class="sd-company display-inline-block">1st Guard Corporation</div>
<div class="sd-booth display-inline-block float-right">12093</div>
</div>
<div class="sd-address">200 Nokomis Avenue South, 4th Floor</div><div class="sd-locale">Venice, Florida 34285</div>
<div class="sd-phone">(800) 995-4827</div>
<div class="sd-name">Courtney Wilson</div>
<div class="sd-phone">www.1stguard.com</div>
<div class="sd-product">
<strong>WILL DISPLAY:</strong> INSURANCE FOR LEASED OWNER OPERATORS - PHYSICAL DAMAGE, NONTRUCKING LIABILITY AND OCCUPATIONAL ACCIDENT INSURANCE
</div>
</div>
<div class="em-el-categories">Your listing will display alphabetically and under the following categories: <span class="em-el-category">Insurance</span>
</div>
</div>
JS:
Drupal.tooltipDirectoryListing = function() {
$('.wrap-exhibitor-listing').hide();
$('.tooltip-directory').tooltip(
{
bodyHandler: function() {
return $($(this).attr("href")).html();
},
showURL: false
}
);
}