Скрытие iframe по умолчанию - PullRequest
Новая
       8

Скрытие iframe по умолчанию

3 голосов
/ 27 января 2011

На одной из страниц мне нужно иметь iframe, но когда пользователь загружает страницу, я хочу, чтобы она была скрыта по умолчанию. Прямо сейчас у меня есть кнопка «Скрыть и показать», чтобы скрыть и показать iframe, но он отображается по умолчанию. Как я могу скрыть это по умолчанию?

Вот код, который у меня есть для двух кнопок 

<input type="button" value="Show Graph" onClick="$('graph').show();">
<input type="button" value="Hide Graph" onClick="$('graph').hide();">

Ответы [ 5 ]

6 голосов
/ 27 января 2011

Вы пытались использовать CSS таким образом? 

iframe {
   display:none;}

Хотя это зависит от того, хотите ли вы также зарезервировать область.С эскизом было бы легче узнать.

Вы также можете прятаться под нагрузкой с помощью jQuery.

function(){$('graph').hide();}
3 голосов
/ 27 января 2011

Также - поскольку вы уже используете jQuery, вы можете просто скрыть iFrame при загрузке страницы следующим образом: 

<script type="text/javascript">
$(document).ready(function()
{
     $('#graph').hide();
});
</script>

Рабочая демоверсия: Демоверсия

Таким образом, вам необходимо убедиться в следующих изменениях:

Iframe:

Добавьте id="graph" в свой iframe.

События onClick:

Добавить onClick="$('#graph').show();" и onClick="$('#graph').hide();" соответственно

0 голосов
/ 05 августа 2014

Я что-то пропустил ... но вы можете самостоятельно вызвать функцию jQuery следующим образом

(function (){ $('iframe').hide(); })();

0 голосов
/ 05 декабря 2012

Есть три способа, которыми я знаю:

  1. Вы устанавливаете высоту и ширину на 0.

  2. Установите идентификатор для iframe (например, "hideframe") и в заголовке или во внешней таблице стилей добавьте это 

    #hideframe{display: none;}

  3. Использовать jQuery 

    $(document).ready(function(){        
   $("#hideframe").css("display", "none");        
});

    Или 

    $(document).ready(function(){
    $("#hideframe").hide();
});

Убедитесь, что jQuery действительно включен в заголовок вашей страницы. Много раз я слышал, как люди говорят, что что-то не работает в jQuery. Оказывается, их URL-адреса к библиотеке jQuery были неправильными, поэтому убедитесь, что вы не попали в эту ситуацию.

0 голосов
/ 27 января 2011

Если вы поместите это в тег <head>, оно должно скрыться за вами 

<script type="text/javascript">
$(function() {
    $('graph').hide();
});
</script>

Хотя вы могли бы дважды проверить, что вы используете 'graph' - в jQuery, который будет ссылаться на элемент <graph>; '#graph' будет ссылаться на iframe с идентификатором "graph"

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

Нет похожих вопросов

...