jQuery qTip 不改变类？

Question

你好，我正在使用 qTip 2，我想要 ui-tooltip-dark ui-tooltip-shadow 类，但它没有显示该类。我有这个代码：

    $('.selector').qtip({
   content: {
      text: function(api) {
         // Retrieve content from custom attribute of the $('.selector') elements.
         return $(this).attr('qtip-content');
        }
      },
      title: {
         text: function(api) {
            // Retrieve content from ALT attribute of the $('.selector') element
            return $(this).attr('alt');
         }
      },
     style: {
      classes: 'ui-tooltip-dark ui-tooltip-shadow';
      }
});

但是当我把代码放在他们的网站上时，它就

可以工作了，你能告诉我哪里出了问题吗？

编辑

    <script type="text/javascript" class="example">
$(document).ready(function()
{
    $('.selector').qtip({
   content: {
      text: function(api) {
         // Retrieve content from custom attribute of the $('.selector') elements.
         return $(this).attr('qtip-content');
      }
     },
      title: {
         text: function(api) {
            // Retrieve content from ALT attribute of the $('.selector') element
            return $(this).attr('alt');
         }
      },
     style: {
      classes: 'ui-tooltip-dark ui-tooltip-shadow';
      }
});
});
</script>

Answer 1

这可能只是您发布的内容中的一个拼写错误，但您在内容部分周围缺少一个大括号 -

$('.selector').qtip({
   content: {
      text: function(api) {
         // Retrieve content from custom attribute of the $('.selector') elements.
         return $(this).attr('qtip-content');
      }
     },
      title: {
         text: function(api) {
            // Retrieve content from ALT attribute of the $('.selector') element
            return $(this).attr('alt');
         }
      },
     style: {
      classes: 'ui-tooltip-dark ui-tooltip-shadow';
      }
});

编辑

试试这个 -

$(document).ready(function()
{
    $('.selector').qtip({
   content: {
      text: function(api) {
         // Retrieve content from custom attribute of the $('.selector') elements.
         return $(this).attr('qtip-content');
      },
      title: {
         text: function(api) {
            // Retrieve content from ALT attribute of the $('.selector') element
            return $(this).attr('alt');
         }
      }
   },
   style: {
      classes: 'ui-tooltip-dark ui-tooltip-shadow'
      }      
    });
});

您应该能够看到它在这里工作 - http://jsfiddle.net/KaJ9q/