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>
