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 トレイトに何も表示されていません。#Penotypic が認識されないため、html 応答が tesxt としてロードされている可能性があります。これを修正するのを手伝ってください。ありがとう

4

1 に答える 1

1

の多くの入力がありid="Penotypic"ます。すべてidのクラスを一意にするか、クラスを関数トリガーとして使用します。

name属性に「/」は使用しません。参照: http://www.w3.org/TR/html401/types.html#type-name

次に、ajax スクリプトが機能するかどうかを試してください。動作しない場合は、静的ページから動作するかどうかを試してください (最初の jQuery スクリプトを使用しないでください。ただし、静的フォームとして出力されます)。おそらく、イベント トリガーをバインドする必要があります。jQuery のon()を使用します。

于 2013-04-17T10:49:57.613 に答える