Question

I am using jQuery Tooltip 1.3 and jQuery 1.7. When I add a title attribute to my anchor tag, the tooltip functions; however, when I try to use bodyHandler it is not working. I can not log anything to the console in the bodyHandler function, leading me to believe it is just never called.

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">[phone]</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 
      }
    );
   }

Answer 1

Sorry all. This was due to a conflict with bootstrap.js, which also uses tooltip() but does not have a bodyHandler.

Thanks.