私のウェブサイトでは、( "#report-type")を使用してイメージを追加しようとしました。ドロップダウンメニューの選択に基づいて、imgのsrcを変更します。私はそれが正しい場所に実際に付加することを知っています、imgタグは適切にフォーマットされており、HTMLにimgタグをハードコードすればイメージが表示されます。jquery imgタグがappendを使用して追加された後に削除される
しかし、何が起こるのか、ページが動いているのですが、imgが1秒間に追加されて消えてしまうのがわかりました。なぜ誰かがこれが起こっているかもしれないという考えを持っていますか?私はこの作業を取得しようと浮気してきたので
$(".update-report").click(function() {
var src, image, $img2, val;
//Clear old charts
//$("#report-type option").children().remove();
//alert(typeof $("select option:selected").val());
val = $("select option:selected").val();
switch (val[0]) {
case "0":
src = "https://graphite.admarketplace.net:2222/render/?from=-7days&width=1400&height=420&_salt=1309990757.707&target=alias(movingAverage(divideSeries(sumSeries(*.server.xml.*.revenue)%2CsumSeries(*.server.xml.*.clicks)),200),%22CPC%22)&fgcolor=black&bgcolor=white&title=Average%20CPC%20per%20minute%20-%207%20Days&hideLegend=true";
$("#chart1").attr('src',src);
break;
case "1":
alert("here1");
src = "http://graphite.admarketplace.net:2222/render/?from=-30days&width=1400&height=420&_salt=1309990757.707&target=alias(movingAverage(divideSeries(sumSeries(*.server.xml.*.revenue)%2CsumSeries(*.server.xml.*.clicks)),200),%22CPC%22)&fgcolor=black&bgcolor=white&title=Average%20CPC%20per%20minute%20-%2030%20Days&hideLegend=true";
$img = createImg(src);
alert(typeof $img);
$("#report-type").append($img);
break;
case "2":
alert("here2");
src = "http://graphite.admarketplace.net:2222/render/?from=-1hour&width=1000&height=400&_salt=1309980469.069&target=alias(e.network.lb.xml.AverageRespTime,%22East%22)&target=alias(w.network.lb.xml.AverageRespTime,%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Current%20Hour";
$img = createImg(src);
src = "http://graphite.admarketplace.net:2222/render/?from=-25hour&until=-24hour&width=1000&height=400&_salt=1309980469.069&target=alias(e.network.lb.xml.AverageRespTime,%22East%22)&target=alias(w.network.lb.xml.AverageRespTime,%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Current%20Hour%20Yesterday";
$img2 = createImg(src);
$(".grid 16").append($img);
$(".grid 16").append($img2);
break;
case "3":
alert("here3");
src = "http://graphite.admarketplace.net:2222/render/?from=-1day&width=1000&height=400&_salt=1309980469.069&target=alias(movingAverage(e.network.lb.xml.AverageRespTime,20),%22East%22)&target=alias(movingAverage(w.network.lb.xml.AverageRespTime,20),%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Current%2024%20Hours";
$img = createImg(src);
src = "http://graphite.admarketplace.net:2222/render/?from=-2day&until=-1day&width=1000&height=400&_salt=1309980469.069&target=alias(movingAverage(e.network.lb.xml.AverageRespTime,20),%22East%22)&target=alias(movingAverage(w.network.lb.xml.AverageRespTime,20),%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Yesterday";
$img2 = createImg(src);
$(".grid 16").append($img);
$(".grid 16").append($img2);
break;
default:
alert("in the default");
}
});
ちょうどここケース0に注意を払う:
は、ここでは、ドロップダウン・変更ハンドラのための私の関数です。これは、HTMLにimgタグをハードコードしてsrcを変更しようとしても機能しません。しかし、私は全体の画像を追加しようとすると、これはうまくいきません。
もう少しコードを見る必要があると思います。 $ imgが初期化されている場所を確認できますか?質問を編集し、これが発生しているイベントハンドラ全体を含めることはできますか? これは他のブラウザでも再生できますか? – Patricia
イメージタグが不適切にフォーマットされていると思います。だから、ブラウザはそれをレンダリングしません。 – switz
私が火かき棒にいる場合、実際にはimgが追加されたブレークポイントを設定することができ、そこにとどまります。だからそれはどのようにフォーマットされているかとは関係がありません。たぶん、自動的にこれを変更している別のスクリプトが実行されていますか?これが当てはまる場合、どのようにしてそれを嗅ぐことができるのでしょうか?バックエンドになる可能性もあります。 – Evan