Ajax html对div的响应

Question

嗨我打印ajax html响应div元素，并提供无线电输入选项来选择文件。选择特定文件后，另一个div应显示该消息。但AJAX HTML响应工作不

jQuery脚本：

$(document).ready(function() 
{ 
    $('#upload').ajaxForm({ 
     beforeSubmit: function() { 
      $('#Analysis').show(); 
      $('#Content_column').hide(); 
      $('#file_list').show(); 
      $('#trait').show(); 
      $('#trait').html('Submitting...'); 
     }, 
     success: function(data) { 
      var $out = $('#file_list'); 
      $out.html('&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspFile list:'); 
      $out.append('<div id="list">'); 
      $('#list').html(data); 
      $out.append('</div>'); 
     } 
    }); 
}); 

这个脚本的输出

<ul class="php-file-tree"><li class="pft-directory"><a href="#">Genotypic</a><ul><input id="Penotypic" type="radio" name="uploads/Genotypic/" value="uploads/Genotypic/jquery.txt" />jquery.txt<br><input id="Penotypic" type="radio" name="uploads/Genotypic/" value="uploads/Genotypic/marker.csv" />marker.csv<br></ul></li><li class="pft-directory"><a href="#">Other</a></li><li class="pft-directory"><a href="#">Penotypic</a><ul><input id="Penotypic" type="radio" name="uploads/Penotypic/" value="uploads/Penotypic/namPheno.csv" />namPheno.csv<br><input id="Penotypic" type="radio" name="uploads/Penotypic/" value="uploads/Penotypic/perl.pl" />perl.pl<br></ul></li></ul> 

jQuery脚本：

$('#Penotypic').click(function() { 
    var $out1 = $('#trait'); 
    $('#trait').show(); 
    $out1.append('Submitted...'); 
}); 

这是不显示任何在div特质。可能是html响应正在加载为一个tesxt，因此#Penotypic无法识别。请帮我解决这个问题。 Thanku

Answer 1

您有许多输入id="Penotypic"。使每个id独特或使用类作为功能触发。

我不会在name属性中使用“/”。请参阅：http://www.w3.org/TR/html401/types.html#type-name

然后尝试如果您的ajax脚本确实有效。如果它不起作用，请尝试从静态页起作用（请勿使用您的第一个jQuery脚本，但它会以静态形式输出）。您可能需要绑定您的事件触发器。使用jQuery的on()。