JQuery скрыть Div, который содержит Flash без сброса его - PullRequest
5 голосов
/ 01 декабря 2009

Привет, Я написал модал, используя jquery UI, и он появляется в начале флеш-фильма, поэтому HTML-код внутри модала становится поврежденным, я пытался скрыть фильм прямо перед тем, как модал сработает и появится снова после закрытия модала, работает хорошо, но каждый. hide () и .show () флэш-фильм сбрасывается, в то время как все, что я хочу, - это скрыть (не удаляя фильм) и отобразить его, как только он будет запущен в .show, этот модальный div.

Ответы [ 3 ]

10 голосов
/ 19 февраля 2010

Протестировано в FF / Linux, FF / WinXp, IE / WinXp, Safari / WinXp:

  • поместите ваш флэш-контейнер DIV в новый DIV с переполнением: скрыто .

основной:

  • чтобы скрыть flash-div: $ ('# id_div_with_swf'). Css ("left", "- 2000px");
  • для отображения flash-div: $ ('# id_div_with_swf'). Css ("left", "0px");

или, показать и скрыть с помощью анимационных эффектов:

  • чтобы скрыть flash-div: $ ('# id_div_with_swf'). Animate ({слева: "-2000px"}, 1000);
  • для отображения flash-div: $ ('# id_div_with_swf'). Animate ({left: "0"}, 1000);

Пример HTML:

<div style="width:200px; height:100px; overflow:hidden;">
<div id="id_div_with_swf" style="width:200px; height:100px; position:relative; left:0px; top:0px;">
<!-- flash here -->
</div>
</div>

вы не можете получить кросс-браузерное рабочее решение с .css («видимость», «видимый» / «скрытый»)

8 голосов
/ 01 декабря 2009

Рабочий раствор:

Используйте $('#myvideo').css('visibility', 'hidden'), чтобы скрыть и
$('#myvideo').css('visibility', 'visible') чтобы показать div, содержащий видео.

Только что проверил это с помощью firebug.

EDIT : Обратите внимание, что это отличается от .hide() и .show(), поскольку они используют display css вместо visibility.

5 голосов
/ 01 декабря 2009

Возможно, уберите фильм с экрана. Установить левое положение -1000 или что-то в этом роде?

Тогда замените, когда другой div исчез?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...