0

jQueryプロットを生成するためのデータを提供するAJAX呼び出しがあります。この AJAX 呼び出しが実行されるたびに、新しい JSON データが返され、プロットが自動的に更新されます。

JSON データのプロットに加えて、 を使用して子要素として追加されるボタンを作成するコードもありますConvertOrSave.appendChild(btn);。このコードの唯一の問題は、AJAX 呼び出しが行われるたびに新しい btn が追加されることです。ボタンは 1 つしか必要ないはずです。

新しいボタンを追加する前に、前のボタンを確実に削除するにはどうすればよいでしょうか? ありがとう。コードは次のとおりです。

$("#flotAverageSalePricesCity").result(function(event, data, formatted) {
if (data){
    $.ajax({ 
        url: sURL + "utility/ajaxmuniChart1c",
        type: "POST",
        data: {muni: data[0]},
        dataType: 'json',               
        success: function(json){
            if  (data) {                    
                myWidth =  (document.getElementById('flot_widget').offsetWidth-45)+"px";
                myHeight = (document.getElementById('flot_widget').offsetWidth*.66)+"px";
                document.getElementById('wrapper').style.display = 'block';                 
                document.getElementById('printflotcontainer').style.display = 'block';
                document.getElementById('flotcontainer').style.width = myWidth;
                document.getElementById('flotcontainer').style.height = myHeight;
                var options = {
                    series: {
                        lines: { show: true, fill: false, fillColor: "rgba(255, 255, 255, 0.8)" },
                        points: { show: true, fill: true }
                    }                       
                }; 

                $.plot("#flotcontainer", [json], options);
                myCanvas = $('#flotcontainer').find('canvas.base');       
                flotcontainercanvas = myCanvas.get(0);
                ctx3 = flotcontainercanvas.getContext('2d');
                myLocation = sURL + 'php/saveme.php';
                var cs = new CanvasSaver(myLocation)
                var btn = cs.generateButton('Save', flotcontainercanvas, 'PTS_Chart');                  
                ConvertOrSave.appendChild(btn);
            }
        }
    })
}
})

編集: の唯一の要素は次のConvertOrSaveとおりです。

<div id="ConvertOrSave" class="g2">
        <button id="convert">convert</button>
</div>
4

3 に答える 3

1

convertAndSave には他の要素が 1 つしかないため、convert と新しいボタンを追加するだけで、重複の追加を避けることができます... (それが理にかなっている場合)

var convert = document.getElementById('convert');
ConvertOrSave.innerHTML = convert + btn;
于 2013-10-10T04:44:59.640 に答える