QTip v 2.2.1未显示Bootstrap v 3.3

时间:2015-01-22 11:16:41

标签: jquery twitter-bootstrap-3 qtip2 imagemapster

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

通常情况下,在一个简单的HTML页面中,Qtip会在每个地图区域显示完美,但在我将这个简单代码粘贴到bootstrap框架中时却没有显示。

<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);

<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);

我不知道我做错了什么? 请尽快告诉我。

先谢谢

1 个答案:

答案 0 :(得分:0)

(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);

已更新,您可以再试一次吗?感谢。