javascript - 如何在 iOS 上使用 cordova/phonegap 更改 img 源

Question

我正在使用 cordova/phonegap 开发一个小应用。

我希望图像在屏幕上移动到固定位置。为此，我在 HTML 中放置了 2 个 img 标签，并通过 javascript 更改了 img 标签的“src”，使一个具有 img 并将另一个设置为空白。

当用户点击屏幕按钮时会发生这种情况。

在浏览器和 Android 设备上测试它时一切正常，但在 iOS 上，图像并没有消失，所以我被困在屏幕上到处都是相同的图像。

我怎样才能让它消失？？

HTML:

<div id="Container" class="ui-grid-b">
  <div class="ui-block-a"><img src="" id="izq" style="margin-top: -23%; max-width:40%; max-height:40%;" /></div>
  <div class="ui-block-b"><strong><span id="mid">Tap the button</span></strong></div>
  <div class="ui-block-c"><img src="" id="der" style="margin-top: -23%; max-width:40%; max-height:40%;" /></div>
</div>

JavaScript:

  var delay = 500;
  if (chosen == "izq"){
    timeEstrella = setTimeout(function(){
        izq.src = "estrella.png";
        der.src = "";
      },delay); 
  }
  else {
    timeEstrella = setTimeout(function(){
        izq.src = "";
        der.src = "estrella.png";
      },delay); 
  }

Answer 1

我建议您使用 CSS 隐藏图像。您可以在图像上设置样式属性:

izq.style.display = 'none';
der.style.display = 'block;

或者使用类和样式表:

/* in your stylesheet */
.hidden { display: none; }


/* In your JavaScript */
izq.className = 'hidden';
der.className = '';