2013-08-14 3 views
1

Я пытаюсь использовать подсказку jQuery для отображения другой подсказки цвета для ошибок. Я могу сделать это со статическим содержимым с помощью tooltipClass и соответствующим образом укомплектовать этот класс.jQuery UI Tooltip с jQuery Validate plugin

$(".error").tooltip(
{ 
    tooltipClass: "ttError" 
}); 

Любой класс, который уже уже имеет атрибут класса ошибка будет работать правильно, но когда я использую Validate плагин для динамического добавления класса ошибок подсказка не будет отображаться неправильно. Я только что начал использовать jQuery больше, так что это сейчас вне моей сферы, любые указатели оценили.

+0

Вы должны применить .tooltip() - метод, после того, как проверка была добавлена ​​ошибка класс. Я предполагаю, что модуль validation-plugin имеет обратный вызов, если вы добавите класс ошибок, просто введите код, который вы там разместили. – ninja

+0

См. Также: http://jsfiddle.net/kyK4G/ и http://stackoverflow.com/q/14741688/594235 для другого метода. – Sparky

ответ

1

Как нинзя сказал в комментарии я просто поставил выше код в функции errorPlacement для валидации плагина: -

errorPlacement: function(error, element) 
    { 
     element.attr('title', error.text()); 
     $(".error").tooltip(
     { 
      position: 
      { 
       my: "left+5 center", 
       at: "right center" 
      }, 
      tooltipClass: "ttError" 
     }); 
    }