#jquery #css
#jquery #css
Вопрос:
Здравствуйте, я пытаюсь изменить радиус границы определенных углов некоторых uls с помощью jquery, сортируемого по методу sort.
Вот мой код до сих пор, и он не работает, есть идеи?
sort: function() {
var borderSet = $('#fluidWrap ul:last-child').attr('id');
if (borderSet == 'sideWrap') {
$('#sideWrap ul').css({BorderTopRightRadius: 10, BorderBottomRightRadius: 10});
}
else {
$('#sideWrap ul').css({BorderTopLeftRadius: 10, BorderBottomLeftRadius: 10});
}
}
Комментарии:
1. Вы уверены, что вам не нужно упоминать единицы измерения, вместо этого я говорю 10 пикселей.
Ответ №1:
попробуйте
.css({'border-top-right-radius': 10})
Ответ №2:
Вы могли бы использовать:
border-radius: 0px 10px 0px 0px;
что такое:
border-radius: [top-left],[top-right],[bottom-right],[bottom-left];
Этот инструмент очень хорош для css3: css3generator.com
Ответ №3:
Может быть более полезно попробовать использовать плагин jQuery corner, поскольку он также учитывает различия браузера в определениях радиуса границы.
Ответ №4:
это должно сработать
css({BorderTopRightRadius: '10px', BorderBottomRightRadius: '10px'})