0

<embed> src属性変更で困っています。

(Jクエリ)

for (index in Forcast) {
var imageurl = "http://localhost/DesktopVersion/Inc/Images/Weather/";
var imagename = Forcast[0]['icon']+".svg)";
var WeatherIcon = imageurl+imagename;
var parent = $('embed#GetWeatherIcon').parent();
var newImage = "<embed scr=" + WeatherIcon + " />";
var newElement = $(newImage);

$('embed#GetWeatherIcon').remove();
parent.append(newElement);
....

(HTML)

<div>
<embed id="GetWeatherIcon" type="image/svg+xml" />
</div>

(CSS)

#GetWeatherIcon {
height:150px; width:150px; margin:30px 0 0 35px; padding:0; border:0; position:absolute;
}

誰かが私が変更する必要があることを指摘できれば、それは素晴らしいことです. 本当にありがとう！

4

2 に答える 2

3

newElementそこに変数がありません。

あなたは変わるべきです

var newImage = "<embed scr="Image" />";

に

var newImage = "<embed scr=" + Image + " />";
var newElement = $(newImage);

そして、動作するはずです

$('embed#GetWeatherIcon').remove();
parent.append(newElement);

この質問では、src属性の変更が機能していません

$('embed#GetWeatherIcon').attr('src', Image); // NOT WORKING

アップデート：

最新のコードを試してみると、問題が見つかりました。属性名を間違えsrcて書いてscrしまい動作しませんでした。にも間違いがvar imagename = Forcast[0]['icon']+".svg)";あります。閉じ括弧が間違っている可能性があります。

ここに私の作業コードがあります:

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF8">
  <meta name="generator" content="HTML hackers, wwww.htmlhackers.com">
  <title>Embed object change</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <style>
    #GetWeatherIcon { 
      height:150px; width:150px; margin:30px 0 0 35px; padding:0; border:0; position:absolute;
    }
  </style>
</head>
<body>
  <script>
    $(document).ready(function() {
      $('#change_btn').click(function() {
        var imageurl = "http://upload.wikimedia.org/wikipedia/commons/e/e8/";
        var imagename = "Svg_example3.svg";
        var WeatherIcon = imageurl+imagename;
        var parent = $('embed#GetWeatherIcon').parent();
        var newImage = "<embed id=\"GetWeatherIcon\" src=\"" + WeatherIcon + "\" type=\"image/svg+xml\"/>";
        var newElement = $(newImage);

        $('embed#GetWeatherIcon').remove();
        parent.append(newElement);
      });
    });
  </script>
  <p id="change_btn">Change</p>
  <div>
    <embed id="GetWeatherIcon" src="http://upload.wikimedia.org/wikipedia/commons/c/c9/Svg_example4.svg" type="image/svg+xml" />
  </div>
</body>
</html>
于 2013-03-09T12:48:28.713 に答える
0

よくわかりませんが、HTMLからsrcを削除し、ソースパスに別の名前を付けてください：

var newImage = "<embed scr="new source" />";
于 2013-03-09T12:51:07.683 に答える