2015-04-08 2 views
0

Я просмотрел несколько похожих вопросов, но не смог найти ответ на свой вопрос.jQuery Animate - ширина и цвет границы

У меня есть пользовательский интерфейс jQuery. И я пытаюсь установить ширину и цвет для верхней границы div с использованием функции анимации jQuery.

Этот код не работает в JQuery:

$(".newMessageBox").animate({ 

    borderTopWidth: '1px', 
    borderTopColor: '#e5e5e5' 

}); 

Однако, если добавить следующую строку в файл CSS:

.newMessageBox 
{ 

    border-top: 0px solid #e5e5e5; 

} 

А затем добавьте к этому JQuery

$(".newMessageBox").animate({ 

    borderTopWidth: '1px', 

}); 

Затем все работает.

Также, если я настроил «border-top: 1px solid;» в CSS, а затем поместите «borderTopColor:« # e5e5e5 »в анимацию jQuery, тогда он будет работать так же.

Есть ли правило, запрещающее устанавливать два свойства для одного и того же элемента в анимации jQuery?

спасибо.

+3

Возможно, ваш недостающий пограничный тип может быть прочным в JQuery? Когда вы не устанавливаете твердое тело, оно не работает с простым html. – niko

+0

Спасибо. Я не уверен в синтаксисе. Я попробовал оба «borderTopType:« solid », а также« borderType: «solid», но он все еще не работает. Возможно, у меня проблема с синтаксисом? – Nikolay

ответ

-2

Попробуйте использовать .css вместо этого.

$(".newMessageBox").css({'borderTopWidth', '1px'}); 
$(".newMessageBox").css({'borderTopColor', '#e5e5e5'}); 
Смежные вопросы