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

Reply via email to