To have an effect take place on page load, place the script call at the end
of the body, or in a document.ready callback function, such as
// execute this function when the document is ready (DOM is loaded)
$(document).ready(function() {
// place code here
});
// short-hand for $(document).ready(function() { ... });
$(function() {
// place code here
});
If you want to wait not only for the document, but also any images, handle
the window onload event:
$(window).load(function() {
// place code here
});
Other than that, just supply the name of the effect to show, options (if
any), and a duration. For example, if you want to show with a bounce effect,
with default options, over 2 seconds, that would be
$('#myElementId').show('bounce', {}, 2000);
- Richard
On Wed, Dec 9, 2009 at 2:11 PM, Areli <areli.nathan...@gmail.com> wrote:
> Hi there,
> I'm a total noob with this stuff, so sorry if my question seems a
> little clueless. I'm trying to use jQuery's "show" effect (http://
> jqueryui.com/demos/show/) for a site I'm working on. I'm able to get
> the effect working, but my problem is I want the behavior to be
> triggered when the page loads; in the demo the effect is triggered by
> a button click. Is there any way to adapt the script so I predetermine
> the style of the effect (blind, bounce, etc) and have it execute on
> page load? If anyone has suggestions I'd be very appreciative. Thanks!
> -a
>
> --
>
> You received this message because you are subscribed to the Google Groups
> "jQuery UI" group.
> To post to this group, send email to jquery...@googlegroups.com.
> To unsubscribe from this group, send email to
> jquery-ui+unsubscr...@googlegroups.com<jquery-ui%2bunsubscr...@googlegroups.com>
> .
> For more options, visit this group at
> http://groups.google.com/group/jquery-ui?hl=en.
>
>
>
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
