Javascript lock css change display

Question

Javascript lock css change display

0

Я хочу сделать несколько изменений css для одиночного элемента в одном скрипте, но я хочу, чтобы все изменения отображались сразу. Например:

$("#someelement").css({width:"100%"}); //this change should not be displayed
$("#someelement").width($("#someelement").width()-$("#somelement #child").width());
//in this case i have a problem to count #child width if it depends on #someelement width

В этом сценарии я могу вычислить максимальную ширину элемента, установив его на 100% раньше. Но я не хочу, чтобы это изменение было видимым для пользователя, я только whant $("#someelement").width($("#someelement")-$("#somelement #child").width()); для применения. Есть ли способ заблокировать и разблокировать пользовательский интерфейс какое-то время?

Как я понимаю, браузер отображает всякий раз, когда меняется модель коробки, теперь возникает вопрос, как я могу предотвратить это и добавить больше изменений до тех пор, пока браузер не сбросит их?

user3325976 14 апр. 2014, в 10:43

Источник

2

можешь дать jsfiddle?
Yagiz Ozturk 14 апр. 2014, в 08:18
0

Я не понимаю
Miljan Puzović 14 апр. 2014, в 08:21
0

Я сталкивался с этой проблемой однажды, и если я хорошо помню, когда вы меняете ширину элемента, получаете ширину и возвращаете ей значение, которое было раньше, видимых изменений нет. Я не эксперт по jQuery, но, насколько я помню, jQuery не сразу «сбрасывает» модификацию css.
ôkio 14 апр. 2014, в 08:21
0

@ôkio ôkio есть ли способ контролировать смывание css?
user3325976 14 апр. 2014, в 08:26
0

Посмотрите здесь: phpied.com/rendering-repaint-reflowrelayout-restyle
ôkio 14 апр. 2014, в 08:32
0

Как я понимаю, браузер отображает каждый раз, когда меняется блочная модель, теперь возникает вопрос, как я могу предотвратить это и накапливать больше изменений, пока браузер их не очистит?
user3325976 14 апр. 2014, в 08:38
0

Черт возьми, это? $ ("# someelement") - $ ("# somelement #child"). width () вы вычитаете элемент и строку / число с плавающей точкой ????? $ ("# someelement") возвращает элемент.
Mr.TK 14 апр. 2014, в 08:44
0

@Mr.TKMr.TK это не ад, это опечатка, но в любом случае концепция вопроса должна быть ясна
user3325976 14 апр. 2014, в 08:46
0

Вы хотите изменить width элемента, но не хотите, чтобы он был виден пользователю?
Batu.Khan 14 апр. 2014, в 08:53
0

Да, до определенного момента
user3325976 14 апр. 2014, в 08:54
0

Затем сохраните вычисленные значения ширины в массиве, а затем примените их всякий раз, когда вы хотите, чтобы их применяли.
Batu.Khan 14 апр. 2014, в 08:56
0

@BatuZet, вот в чем проблема, у ширины этих элементов есть зависимости, своего рода зависимости, чтобы получить # дочернюю ширину, которая мне нужна, мне нужно сделать #somelement 100% .. Это может показаться странным, но если бы я мог выбирать между сохранением их значений и изменение управления потоком браузера, я бы выбрал, чтобы изменить управление потоком
user3325976 14 апр. 2014, в 09:03
0

Ну, я думаю, вам нужно получить ширину элементов в пикселях, когда она установлена на 100%. Эта ширина также может быть вычислена путем получения ширины его parent , потому что это будет ширина элемента, когда он будет установлен на 100%.
Batu.Khan 14 апр. 2014, в 09:07

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

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Я сталкивался с этой проблемой однажды, и если я хорошо помню, когда вы меняете ширину элемента, получаете ширину и возвращаете ей значение, которое было раньше, видимых изменений нет. Я не эксперт по jQuery, но, насколько я помню, jQuery не сразу «сбрасывает» модификацию css.
@ôkio ôkio есть ли способ контролировать смывание css?
Посмотрите здесь: phpied.com/rendering-repaint-reflowrelayout-restyle
Как я понимаю, браузер отображает каждый раз, когда меняется блочная модель, теперь возникает вопрос, как я могу предотвратить это и накапливать больше изменений, пока браузер их не очистит?
Черт возьми, это? $ ("# someelement") - $ ("# somelement #child"). width () вы вычитаете элемент и строку / число с плавающей точкой ????? $ ("# someelement") возвращает элемент.
@Mr.TKMr.TK это не ад, это опечатка, но в любом случае концепция вопроса должна быть ясна
Вы хотите изменить width элемента, но не хотите, чтобы он был виден пользователю?
Затем сохраните вычисленные значения ширины в массиве, а затем примените их всякий раз, когда вы хотите, чтобы их применяли.
@BatuZet, вот в чем проблема, у ширины этих элементов есть зависимости, своего рода зависимости, чтобы получить # дочернюю ширину, которая мне нужна, мне нужно сделать #somelement 100% .. Это может показаться странным, но если бы я мог выбирать между сохранением их значений и изменение управления потоком браузера, я бы выбрал, чтобы изменить управление потоком
Ну, я думаю, вам нужно получить ширину элементов в пикселях, когда она установлена на 100%. Эта ширина также может быть вычислена путем получения ширины его parent , потому что это будет ширина элемента, когда он будет установлен на 100%.

Ryan.Hunt · Answer 1 · 2014-04-14T08-08-00.000Z

Попробуй это

//$("#someelement").css({width:"100%"}); // youre not gonna need this
$("#someelement").width($("#someelement").parent().width() - $("#somelement #child").width());

Мне жаль говорить, но это не имеет ничего общего с ответом на этот вопрос