IE不能设置url，而Chrome可以

IE won't set url whereas Chrome will

本文关键字：Chrome 可以 url 不能 设置 IE      更新时间：2023-09-26

我有:

<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有人知道解决办法吗?

有点奇怪，但这可能会有所帮助(注意前斜杠):

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);

你在你的图像标签中使用"稍微"不同的url(以"/"开始)，因为你在你的javascript代码中使用。

用缺少的"/"试试:

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

我的IE与您的代码是ok的。你用的是哪个版本的IE ?

也许你可以尝试这样做:把3img元素与style="display:none"在你的dom，他们的src是那3pic。然后将你的元素的src更改为隐藏元素的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'));
相关文章：