Question

我有：

<div id="tweeter">
   <div id="tweet1" class="tweet" name="0">
      <div class="tweetimg">
         <img src="/img/none.jpg" id="img" class="img"></img>
      </div>
      <div class="tweetname">Please enable Javascript</div>
      <div class="tweetcontent"></div><div class="tweettime"></div>
   </div>
   <div id="tweet2" class="tweet" name="0">
      <div class="tweetimg">
         <img src="/img/none.jpg" id="imgzwei" class="img"></img>
      </div>
      <div class="tweetname">Please enable Javascript</div><div class="tweetcontent"></div>
      <div class="tweettime"></div>
   </div>
   <div id="tweet3" class="tweet" name="0">
      <div class="tweetimg">
         <img src="/img/none.jpg" id="imgdrei" class="img"></img>
      </div>
      <div class="tweetname">Please enable Javascript</div>
      <div class="tweetcontent"></div>
      <div class="tweettime"></div>
   </div>
</div>

和

var imgone="img/ico1.jpg";
var imgtwo="img/ico2.jpg";
var imgthree="img/ico3.jpg";
jQuery("#img").attr('src',imgone);
jQuery("#imgzwei").attr('src',imgtwo);
jQuery("#imgdrei").attr('src',imgthree);

它适用于Chrome，但在IE上找不到ico2.jpg和ico3.jpg 有谁知道修复？

Answer 1

有点奇怪，但这可能有所帮助（注意领先的斜线）：

var imgone="./img/ico1.jpg";
var imgtwo="./img/ico2.jpg";
var imgthree="./img/ico3.jpg";
jQuery("#img").attr('src',imgone);
jQuery("#imgzwei").attr('src',imgtwo);
jQuery("#imgdrei").attr('src',imgthree);

Answer 2

您在图片代码中使用“略微”不同的网址（以“/”开头），就像您在javascript代码中使用的那样。

尝试使用缺少的“/”：

    var imgone = '/img/ico1.jpg';

Answer 3

我的IE可以使用您的代码。使用哪个版本的IE？

也许你可以尝试这种方式：在你的dom中放入3 img元素和style =“display：none”，他们的src就是那3张图片。然后将你的elem的src改为隐藏的elem的src。

像这样：

HTML：

<img src="/img/ico2.jpg" id="hid2" style="display:none"></img>
<img src="/img/ico3.jpg" id="hid3" style="display:none"></img>

JS：

jQuery("#img").attr('src',$('#hid2').attr('src'));
jQuery("#imgzwei").attr('src',$('#hid2').attr('src'));

IE不会设置网址而Chrome会设置网址

3 个答案: