Question

I m new to Jquery and I m getting crazy to reupdate in ajax a code containing urls!! It works the first time, but the link does not work any longer after ajax response rewrites html.

请参看我的法典。

First the HTML markup (View)

<head>  
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">  
  $(document).ready(function() { 
    $("a[class=unselected_quid], a[class=quid_selected]").click(function(){
        var url = $(this).attr("name");
        alert(url);
        $.ajax({
            url: "index.php", 
            type: "POST",  
            data: url,
            dataType: "html",
            success: function(msg) {    
                $("#result").html(msg);  
            },
            error: function(){
                alert("error!!!");
            } 
        });
    });
  });
</script>  
</head> 

<?php // set url strings in php
  $url = "component=Training&ctrl=JQueryTraining&task=ajaxLinkResponse&data=1";
  $url2 = "component=Training&ctrl=JQueryTraining&task=ajaxLinkResponse&data=2";
?>

<body>  
  <div id="result"><br>
    <a name= <?echo $url?>  href= javascript:void(0)  title= uno  class= selected_quid >link a</a> <br>
    <a name= <?echo $url2?>  href= javascript:void(0)  title= due  class= unselected_quid >link b</a><br>
  </div>  
</body>

然后是PHP(主计长)

public function ajaxLinkResponse(){
  $url = "component=Training&ctrl=JQueryTraining&task=ajaxLinkResponse&data=1";
  $url2 = "component=Training&ctrl=JQueryTraining&task=ajaxLinkResponse&data=2";

  $code = "<a name= {<?$url?>}  href= javascript:void(0)  title= uno  class= selected_quid >link a</a> 
  <a name= {<?$url2?>}  href= javascript:void(0)  title= due  class= unselected_quid >link b</a>";  

  echo($code);
}

Answer 1

You need to use .live() 或 .delegate() instead of .click() as you are making new DOM elements in your AJAX call and .click() does not cater f或 DOM element creation.
i.e.

$("a[class=unselected_quid], a[class=quid_selected]").live( click ,function(e){
e.preventDefault();
// rest of code

或

$(aWrapper).delegate( a[class=unselected_quid], a[class=quid_selected] , click ,function(e){
e.preventDefault();
// rest of code

You may ask What s the difference? well this should help. Basically delegate is faster, will not crash with heavy DOM traversals, and you can supply a context (this is a big feature).

友情链接