jQuery CSS удалить отрицательное значение

Question

jQuery CSS удалить отрицательное значение

0

Я использую jqLite в AngularJS.

В основном я добавляю некоторые пользовательские свойства CSS, например:

$scope.$on('scrollEvent', function(){

     if (a < 5){
        a = a + 1/20;

        $element.css({
           '-webkit-filter': 'blur('+ a +'px)',
           'margin': '-'+ a +'px'
        });
     }

     if (inView()){
        a = 0;

        $element.css({
           '-webkit-filter': '',
           'margin': ''
        });
     }
  })

Я не могу изменить или удалить значение свойства маржи, потому что он отрицательный, он будет изменен, только если он будет положительным.

Почему это?

Jack 05 июль 2015, в 11:01

Источник

Теги:

angularjs

jqlite

1 ответ

Ещё вопросы

guest271314 · Answer 1 · 2015-07-05T06-45-00.000Z

0

Но он не будет работать ни с "0px".

Не удалось воспроизвести. .css() кажется, сбросить свойство margin до 0px в stacksnippets?

var a = 12;

$("div").css("margin", "-" + a + "px");
// set 'div' 'margin' to '0px' after three seconds
setTimeout(function() {
  $("div").css("margin", "0px");
}, 3000)

div {
  position:relative;
  width:50px;
  height:50px;
  background:orange;
}

<script src="/jquery.min.js"></script>
<div>abc</div>

guest271314 05 июль 2015, в 06:45

0

Это работает в Jquery, но я использую jqLite в AngularJS, который не будет переопределять свойство с отрицательным значением.
Jack 05 июль 2015, в 09:13
0

Что такое "jqLite"? jquery тег появляется на вопрос?
guest271314 05 июль 2015, в 09:14
0

Более тонкая версия jQuery: docs.angularjs.org/api/ng/function/angular.element
Jack 05 июль 2015, в 09:16
0

@Jack См. Docs.angularjs.org/api/ng/function/angular.element at .css() "Как установщик, не преобразует числа в строки и не добавляет 'px'." Пробовал настройки style атрибута элемента с использованием js без jqLite или JQuery?
guest271314 05 июль 2015, в 09:18
0

Хммм, сейчас я попробую использовать JS.
Jack 05 июль 2015, в 09:24
0

Вы специально программируете для мобильных устройств или каким-то образом обеспокоены размером загрузки JQuery, если он был достаточно честным, если это просто размер, то причиняет себе боль. Вы можете использовать версию CDN, и, скорее всего, браузер уже загрузил JQuery. В любом случае, если вы добавляете заголовки кеша, то это всего лишь один раз. Вы всегда можете уменьшить изображение или два на остальной части вашего сайта, чтобы компенсировать разницу в размере между двумя библиотеками.
Code Uniquely 05 июль 2015, в 09:24
0

@CodeUniquely На самом деле я разрабатываю для гибридного мобильного приложения. Таким образом, включение всей библиотеки jQuery может снизить производительность пользовательского интерфейса.
Jack 05 июль 2015, в 11:51
0

@ Джек "Хммм, теперь я попробую использовать JS." Использует ли js для установки margin ожидаемые результаты?
guest271314 05 июль 2015, в 16:17
0

@ guest271314 Нет, тот же результат. Интересный факт, если я встроу маржу вручную: -5px; Я пытаюсь изменить это с помощью JS или JQuery, я не могу этого сделать. Только когда значение положительное.
Jack 05 июль 2015, в 16:23
0

@Jack "Нет, тот же результат. Интересный факт, если я вставляю поле вручную: -5px; я пытаюсь изменить его, используя JS или jQuery, я не могу этого сделать. Только когда значение положительное." Можно ли создать plnkr plnkr.co/edit/?p=catalogue , jsfiddle jsfiddle.net/rnL84 для демонстрации?
guest271314 05 июль 2015, в 16:29
0

@ Джек "Я пытаюсь изменить это с помощью JS или JQuery, я не могу этого сделать." Не удалось воспроизвести на jsfiddle jsfiddle.net/0f9kzb2k . margin появляются для установки, сбрасываются с использованием js без jQuery, jqLite.
guest271314 05 июль 2015, в 16:47
0

@ guest271314 Я сделал в plunkr пример и работает: jsfiddle.net/A8Vgk/1668 , я действительно не понимаю, что я делаю неправильно. Самое интересное, что это происходит только в том случае, если я установил отрицательное значение.
Jack 05 июль 2015, в 17:24
0

@Jack "Я сделал в plunkr пример и работает: jsfiddle.net/A8Vgk/1668" Не уверен, что интерпретировать "и работает" правильно? Вопрос решен? Похоже, что jsfiddle не использует только js вместо jqLite?
guest271314 05 июль 2015, в 17:34

Показать ещё 11 комментариев