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()。