Thanks, work very well. I'm understand is part the ajax philosophy,
Hector, there is another solutions for this common problem in ajax
requests?
tia,
jetm
On Nov 20, 11:19 am, "Hector Virgen" <[EMAIL PROTECTED]> wrote:
> Oops, i meant "they won't have target='_blank'"
> :)
>
> -Hector
>
> On Thu, Nov 20, 2008 at 9:18 AM, Hector Virgen <[EMAIL PROTECTED]> wrote:
> > This is a common problem with ajax requests. What's happening is the
> > selector only applies to elements that exist on the page at the time the
> > selector was called.
> > Once your ajax request has updated the page with more elements, they won't
> > have click events because they didn't exist when the selector was going
> > through the dom. So you'll have to assign the click events again after the
> > ajax request, but only to the new elements.
>
> > So your "success" callback needs to look more like this:
>
> > success: function(data) {
> > $("#text").html(data);
> > $("#text").find("[EMAIL PROTECTED]'http']").attr('target','_blank');
> > },
>
> > -Hector
>
> > On Thu, Nov 20, 2008 at 9:08 AM, jetm <[EMAIL PROTECTED]> wrote:
>
> >> Hi people:
>
> >> The Selector work fine in the page however when a load data from HTML
> >> archive the Selector don't apply for this.
>
> >> TIA,
> >> JETM
>
> >> The Code:
>
> >> In tag head:
>
> >> $(document).ready(function() {
>
> >> // Change attr to _blank for open in new Windows
> >> $("[EMAIL PROTECTED]'http']").attr('target','_blank');
>
> >> $("#action").click(function() {
> >> $.ajax({
> >> url: "update.html",
> >> success: function(data) {
> >> $("#text").html(data);
> >> },
> >> error: function(rhx, err, e) {
> >> $("#text").html(rhx.responseText);
> >> }
> >> }); //END .ajax
> >> }); //END click
>
> >> }); //END Ready
>
> >> In tag body:
>
> >> <a href="http://www.google.com";>CLICK HERE!!!</a>
> >> <p id="action">Load Data</p>
> >> <p id="text"></p>
>
> >> In update.html:
> >> <a href="http://www.yahoo.com"; >Open in New Windows</a>
