Wie show() in jquery beim Laden der Seite deaktivieren?

Ich möchte show()"<div id="test">write text here</div" auf klicken und nicht auf Seite laden.Wie show() in jquery beim Laden der Seite deaktivieren?

<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>

Dank

Quelle

2009-04-27 Anonymous

hinzufügen $("#test").hide(); in Ihrem 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>

Alternativ in Ihrem html:

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

das gleiche Ergebnis

Quelle

2009-04-27 10:18:18

dank ........................ hatte zu erhalten, 15 Zeichen, ein Dank zu sagen –

Das Beste gibt Lösung (imho) ist es zu verstecken, um mit zu beginnen, anstatt das mit Javascript zu tun.

Wie für den Link, geben Sie einfach false zurück, um zu verhindern, dass der Browser zum href geht. Wenn Sie möchten, dass der Link das div umschaltet, ersetzen Sie show() durch toggle(). Sie können natürlich auch einen der anderen jQuery-Effekte verwenden (zB Slide oder Fade).

<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>

Quelle

2009-04-27 10:19:09 cletus

funktioniert nicht, –

Ähm ... was funktioniert nicht? – cletus

Wenn du auf den #test klickst passiert nichts –

sollten Sie verwenden:

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

Vorsicht: In diesem Fall wird die div für Browser deaktiviert mit Javascript verborgen bleiben.
Wenn Sie diese Browser wollen das div zu sehen, verwenden Sie stattdessen:

$(function() { 
    $("#test").hide(); 
});

Quelle

2009-04-27 10:51:37 Nico

Wie show() in jquery beim Laden der Seite deaktivieren?

Antwort

Verwandte Themen