0

您好我正在打印对 div 元素的 ajax html 响应并提供单选输入选项来选择文件。选择特定文件后，另一个 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 响应作为 testxt 加载，因此无法识别 #Penotypic。请帮我解决这个问题。感谢你

4

1 回答 1

1

You have many inputs of id="Penotypic". Make every id unique or use classes as function trigger.

I wouldn't use "/" in the name attribute. See: http://www.w3.org/TR/html401/types.html#type-name

Then try if your ajax script does work. If it doesn't work, try if it works from static page (don't use your first jQuery script, but it's output as a static form). You probably need to bind your event trigger. Use jQuery's on().

于 2013-04-17T10:49:57.613 回答