1

私は選択タグを持っています、その値が変更されたとき、私はその新しい値に従ってデータベースからいくつかのデータを取得したいです、そして次にこれらの新しいデータを新しいdivに置きます、このdivはユーザーがそれをクリックしたときに閉じる記号を含みます、新しいdivは隠す、私はjqueryを使用してそれを行いました、新しいdivを非表示にすることを除いてすべてがうまく機能しています、新しいdivを閉じるための私のjQueryはうまく機能していましたが、今は違います、私はjQueryで間違ったことをしたとは思いませんが、私はしません私の間違いがどこにあるかを知ってください、あなたは私を助けてくれますか

jQueryコード

$(document).ready(function(){
$("#aqIoQuesSelector").on("change",function(){
        var IO = $("#aqIoQuesSelector").val();
        $("#aqSugInfo").html('<div class="closeSign1"></div>');
        $.getJSON("http://localhost/Mar7ba/InformationObject/giveContenfForIO/"+IO+"/TRUE",function(data){
            if(data.length>0){
                $("#aqSugInfo").css("text-align","right");
                for(var i=0;i<data.length;i++){
                    $("#aqSugInfo").append('<p><span class="aqoneContenSug">'+data[i]+'</span></p>');
                }
            }else{
                $("#aqSugInfo").append('<span class="successMessage">no suggesiont</span>');
            }
            $("#aqSugInfo").css("display","block");
        }); 
    });
});

$(document).ready(function(){
    $('.closeSign1').on('click', function() {
        $(this).parent().hide();
    });
});

$ html code＃

<div id="addQuestion1" class="container">
    <ul>
        <li>
            <label class="Paragraph">Question</label>
            <p>
                <label>Text</label>
                <input id="aqQuestionText"type="text" class="longInput1"/>
            </p>
            <p>
                <label>Answer</label>
                <input id="aqQuestionAnswer"type="text" class="longInput1"/>
            </p>
            <p>
                <label>Is Existed ?</label>
                <input type="button" value="check" class="button1" id="aqQuestionSug"/>
            </p>
            <div id="aqSugQues" class="SuggestionsContainer">
                <div class="closeSign1"></div>
            </div>
        </li>
        <li>
            <p><label class="Paragraph">Choices</label></p>
            <p>
                <label>First Choice</label>
                <input type="text" class="longInput1" name="choice1"/>
            </p>
            <p>
                <label>Second Choice</label>
                <input type="text" class="longInput1" name="choice2"/>
            </p>
            <p>
                <label>Third Choice</label>
                <input type="text" class="longInput1" name="choice3"/>
            </p>
        </li>
        <li id="aqQuestionIoli">
            <label class="Paragraph">Question IO</label>
            <p>
                <label>Concept</label>
                <select class="ConceptSelector1"></select>
            </p>
            <p>
                <label>IO</label>
                <select id="aqIoQuesSelector"></select>
            </p>
            <p>
                <label>Info</label>
                <input type="text" class="longInput1"/>
            </p>
            <div id="aqSugInfo" class="SuggestionsContainer">
                <div class="closeSign1"></div>
            </div>
        </li>
        <li id="aqAnswerIoli">
            <label class="Paragraph">Answer IO</label>
            <p>
                <label>Concept</label>
                <select class="ConceptSelector1"></select>
            </p>
            <p>
                <label>IO</label>
                <select id="aqIoAnswerSelector"></select>
            </p>
        </li>
        <li>
            <label class="Paragraph">Hints</label>
            <p>
                <label>First Hint</label>
                <input type="text" class="longInput1"/>
            </p>
            <p>
                <label>Second Hint</label>
                <input type="text" class="longInput1"/>
            </p>
            <div id="aqSugHints" class="SuggestionsContainer">
                <div class="closeSign1"></div>
            </div>
        </li>
        <li>
            <label>Type</label>
            <select class="TypeSelector"></select>
        </li>
        <li>
            <input type="submit" value="save" class="button1"/>
        </li>
    </ul>
</div>

ここでは、sign closeが3回使用されていることに注意してください。これは、divで初めて機能しますが、divでもdivでもaqSugQues機能しません。aqSugInfoaqSugHints

ajaxは正常に機能しており、結果を印刷します

助けてくれてありがとう

4

2 に答える 2

2

この行：

$("#aqSugInfo").html('<div class="closeSign1"></div>');

divの内容を、クリックイベントがバインドされていない新しいボタンに置​​き換えているため、更新するたびに、そのボタンのバインドが失われます。

動的コンテンツを簡単に削除できるコンテナにラップするか、次のようなことを試してみてください。

$("#aqSugInfo").children(':not(.closeSign1)').remove();
于 2012-05-24T19:18:54.410 に答える
1

$("#aqSugInfo")非表示にしたい場合は、コードでそのように言ってみませんか？$("#aqSugInfo").hide();？

于 2012-05-24T19:12:43.830 に答える