是否可以在CSS中使用三元运算符

Question

我有这样的条件：

$scope.toggleSlider = function() {
            $('.sliderButton').css('left','0')?$('.sliderButton').css('left','173px'):$('.sliderButton').css('left','0')

        }

每当我点击toggleSlider方法时应该执行三元条件。这是正确的吗？

Answer 1

你几乎就在那里，但你应该得到价值并检查而不是设置

$('.sliderButton').css('left') == '0px' ?$('.sliderButton' . ........

注意：无论你在CSS中添加什么内容，都可以获得它。例如：如果你的css说自动，你可能会auto。

Answer 2

你应该使用

$scope.toggleSlider = function() {
  $('.sliderButton').css('left', $('.sliderButton').css('left') === '0' ? '173px' : '0');
}