jQuery Live Event

Sunday, July 01, 2012

The jQuery live event is used to attach one or more event handlers for selected elements. It also specifies a function to run when the event is triggered. Event handlers attached using the live() method will work for both current and future elements matching the selector.


Syntax

$(selector).live(event,data,function)


ParameterDescription
eventOne or more events to attach. Event values are separated by space
dataAdditional optional data to pass along to the function
functionOptional function to run when the event(s) occur


Basic Example

In the following jQuery example, the live() method adds the click event to the element with an id of "imgMouse". When the "imgMouse" element is clicked, the "click" event is executed through the live method. In this example, the div element will be shown or hidden as the mouse icon is clicked. Try it yourself, by clicking the mouse icon.


<div id="divParent">
    <img id="imgMouse"src="#" />
    <div id="divChild">
    <div id="divText">Click the mouse icon to toggle ....
         </div>
</div>

$("#imgMouse").live("click", function () {
    $("#divChild").slideToggle();
     });


mouse
Click the mouse icon to toggle this display.

Did you find the page informational and useful? Share it using one of your favorite social sites.

Recommended Books & Training Resources

Professional jQuery Pro jQuery JavaScript and jQuery: The Missing Manual