ansaurus

Question

jquery.Event of dynamic elements.

Answer 1

A:

Maybe you should look at the jQuery live() method that will assign event to all existing and future elements.

http://api.jquery.com/live/

Tomasz Kowalczyk 2010-09-12 15:16:41

That won't help.

SLaks 2010-09-12 15:19:45

I tried it before.Live() method change nothing....And if I set the tagFlag = ''; I got this error:uncaught exception: Syntax error, unrecognized expression: #

qinHaiXiang 2010-09-12 15:26:43

Answer 2

A:

There is no element wit the ID "a1". If you want the first anchor element use

$.("a:eq(0)")

instead.

If that's not it, report back please.

FK82 2010-09-12 15:45:36

Answer 3

A:

use a jquery object and add the clicked elements to it:

$(document).ready(function() {
  $tagFlag = $("");

  $("#a1").click(function(event) {
    event.preventDefault();
    $tagFlag.add($(this));
  });

  $tagFlag.click(function(e) {
    // do sthing here
  });

});

elektronikLexikon 2010-09-12 16:21:35

This won't work, the `click` event will be bound to no elements...remember you're binding to the element references in the jQuery object when `.click()` is run, adding elements later won't add an event handler to them.

Nick Craver 2010-09-12 17:24:41

ok, that's right. Sorry...

elektronikLexikon 2010-09-12 17:43:58

Answer 4

A:

You can attach a .click() handler to document and check if the target of the click was the element you cared about, similar to how .live() behaves internally, like this:

$(function() {
  var tagFlag = '';
  $("#a1").click(function(event) {
      event.preventDefault();
      tagFlag = 'me';
  });
  $(document).click(function(e) { 
    if(tagFlag &&                  //is it even set?
       (e.target.id == tagFlag || $(e.target).closest('#'+tagFlag).length)) {
          //do work here
    }
  });
});

You can give it a try here, the only change to your markup is the addition of a child element (to show click bubbling/handling working) and giving the anchor that a1 ID I think you intended for it to have in the question.

Alternatively if you know the set of elements that may be clicked, give them a class and bind a handler to them, checking the ID like I have above...or unbind the class and rebind to the specific ID each time, there's a few ways to go about this :)

Nick Craver 2010-09-12 17:54:15

ansaurus

tags:

views:

answers:

jquery.Event of dynamic elements.

related questions