jQuery qTip не меняет классы? - PullRequest
Новая
       29

jQuery qTip не меняет классы?

1 голос
/ 30 июля 2011

Hii Я использую 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';
      }
});

Но когда я помещаю код, который находится на их сайте, он работает

Можете ли вы сказать мне, где я иду не так?

EDIT 

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

1 Ответ

1 голос
/ 30 июля 2011

Это может быть просто опечатка в том, что вы опубликовали, но вам не хватает фигурной скобки вокруг раздела контента - 

$('.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';
      }
});

EDIT

Попробуйте это - 

$(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/

...