Как отключить show () в jquery при загрузке страницы? - PullRequest
Новая
       8

Как отключить show () в jquery при загрузке страницы?

1 голос
/ 27 апреля 2009

Я хочу show() "<div id="test">write text here</div" при нажатии, а не при загрузке страницы. 

<script type="text/javascript">
$(document).ready(function(){

    $("#click_test").stop(function(event){
        event.preventDefault();
        $("#test").slideup();
    });

    $("#click_test").click(function(event){
        event.preventDefault();
        $("#test").toggle();
    });

});
</script>

</head>

<body>

<a href="#" id="click_test">Click Here</a>
<div id="test">write text here</div>

Спасибо

Ответы [ 3 ]

1 голос
/ 27 апреля 2009

Лучшее решение (imho) - это спрятать его, а не делать это с Javascript.

Что касается ссылки, просто верните false, чтобы браузер перешел на href. Если вы хотите, чтобы ссылка переключала div, замените show () на toggle (). Конечно, вы можете использовать любые другие эффекты jQuery (например, слайд или затухание). 

<style type="text/css">
#test { display: none; }
</style>
<script type="text/javascript">
$(function() {
  $("#click_text").click(function() {
    $("#test").show();
    return false;
  });
});
</script>
<a href="#" id="click_test">Click Here</a>
<div id="test">write text here</div>
0 голосов
/ 27 апреля 2009

Вы должны использовать: 

<div id="test" style="display:none">write text here</div>

Будьте осторожны: в этом случае div будет скрыт для браузера с отключенным javascript.
Если вы хотите, чтобы браузер видел div, используйте вместо этого: 

$(function() {
    $("#test").hide();
});
0 голосов
/ 27 апреля 2009

добавьте $("#test").hide(); в свой javascript: 

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

        $("#click_test").stop(function(event){
            event.preventDefault();
            $("#test").slideup();
        });

        $("#click_test").click(function(event){
            event.preventDefault();
            $("#test").toggle();
        });

    });
  </script>

В качестве альтернативы в вашем html: 

<div id="test" style="display:none">write text here</div>

дает тот же результат

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

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

...