jquery - QTip v 2.2.1 未与 Bootstrap v 3.3 一起显示

Question

我正在使用带有 Jquery v2.0.3、Jquery-Migrate v1.2.1、Jquery.Imagemapster v 1.2.14、Modernizr v2.8.3 和 Qtip v2.2.1 的 Bootstrap v3.3

通常，在一个简单的 HTML 页面中，Qtip 会根据需要在每个地图区域上完美显示，但当我将该简单代码粘贴到引导框架中时不会显示。

<script>
(function ($) { 
    jQuery('area[alt]').qtip( { content: { attr: 'alt' }, style: { classes: 'qtip-youtube'} 
}); 

    jQuery('.field-item img').each(function() { 
        jQuery(this).qtip({ style: { classes: 'qtip-youtube'}, content : jQuery(this).attr('alt') 
    }); 

}); 

})(jQuery);

我不知道我做错了什么？请尽快给我建议。

提前致谢

Answer 1

(function ($) { 
  $('area\\[alt\\]').qtip( { content: { attr: 'alt' }, style: { classes: 'qtip-youtube'} }); 
  $('.field-item img').each(function() { 
    $(this).qtip({ style: { classes: 'qtip-youtube'}, content : $(this).attr('alt') }); 
  });
})(jQuery);

更新了，可以再试试吗？谢谢。