Удаление встроенного стиля HTML из библиотеки jquery

Question

Удаление встроенного стиля HTML из библиотеки jquery

0

В настоящее время используется bootstrap для рамки css и успешно разместил видео на DOM. Моя единственная проблема заключается в том, что видео подталкивает мой контейнер вниз, когда я хочу, чтобы он размещался над видео. Я заметил в HTML, что # big-video-vid содержит встроенные стили, а один из них - высота

<div id="big-video-vid" class="video-js vjs-default-skin vjs-controls-disabled vjs-has-started vjs-user-inactive vjs-playing" style="width: 1496.1246105919004px; height: 938px; display: block; top: 0px; left: -237.06230529595018px;">

Когда я удаляю высоту из встроенного, все работает так, как я хочу. Я попытался использовать jquery, чтобы удалить встроенный стиль, например.: $('#big-video-vid').css('height', ''); но безуспешно. Какие-нибудь советы?

Вот библиотека, в которой я использую https://github.com/dfcb/BigVideo.js

Dileet 12 нояб. 2013, в 18:42

Источник

3

Попробуйте $("#big-video-vid").css("height", "auto");
Archer 12 нояб. 2013, в 17:40
0

Вы используете $('#big-video-vid').css('height', ''); после #big-video-vid и его стилей добавляются в дом? Фрагмент, который вы написали, определенно полностью удалит атрибут высоты.
MLM 12 нояб. 2013, в 17:41
2

Дублируйте ошибку в jsFiddle, пожалуйста.
iambriansreed 12 нояб. 2013, в 17:42
0

Это, вероятно, не то исправление, которое вы хотите. Например, при изменении размера окна браузера height будет добавлена обратно BigVideo.js. Вы спрашиваете о вашей попытке решения, а не о вашей реальной проблеме.
thirtydot 12 нояб. 2013, в 17:46
0

@Archer все еще не удаляет его.
Dileet 12 нояб. 2013, в 17:48
1

Стоит попробовать. При попытке удалить значение встроенного стиля лучше перейти к значению по умолчанию, а не устанавливать его на ничего. По крайней мере, это исключено.
Archer 12 нояб. 2013, в 17:49
0

@thirtydot, так что мне делать?
Dileet 12 нояб. 2013, в 17:49
1

Предоставьте демонстрацию вашей проблемы. Загрузите свою тестовую страницу куда-нибудь или создайте демоверсию jsfiddle.net / jsbin.com . Автор BigVideo.js, вероятно, не добавил атрибут height для забавы, по какой-то причине он там есть.
thirtydot 12 нояб. 2013, в 17:51

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

Теги:

javascript

jquery

html

css

2 ответа

0

Пытаться:

$("#big-video-vid").css({'height' : 'auto'});

iambriansreed 12 нояб. 2013, в 16:09

Ещё вопросы

Попробуйте $("#big-video-vid").css("height", "auto");
Вы используете $('#big-video-vid').css('height', ''); после #big-video-vid и его стилей добавляются в дом? Фрагмент, который вы написали, определенно полностью удалит атрибут высоты.
Дублируйте ошибку в jsFiddle, пожалуйста.
Это, вероятно, не то исправление, которое вы хотите. Например, при изменении размера окна браузера height будет добавлена обратно BigVideo.js. Вы спрашиваете о вашей попытке решения, а не о вашей реальной проблеме.
Стоит попробовать. При попытке удалить значение встроенного стиля лучше перейти к значению по умолчанию, а не устанавливать его на ничего. По крайней мере, это исключено.
Предоставьте демонстрацию вашей проблемы. Загрузите свою тестовую страницу куда-нибудь или создайте демоверсию jsfiddle.net / jsbin.com . Автор BigVideo.js, вероятно, не добавил атрибут height для забавы, по какой-то причине он там есть.

Turnip · Accepted Answer · 2013-11-12T16-14-00.000Z

В вашем CSS:

#big-video-vid {
    height: auto !important;
}

Спасибо! по какой-то причине это работает.
Это работает потому, что! Важно отменяет любые встроенные стили