javascript - 无法在 Cordova 点击div

Question

你好!

我正在创建一个 cordova 应用程序，并在 S4 Mini、android 4.2.2 上遇到以下问题。我有一个 div 元素

<div class="switch" id="switchOff" onclick="clicked()">
  <img alt="switch off" src="img/70/switchOff.png" />
</div>

我无法对点击事件使用react。我尝试了所有可能的方法。

  $('#switchOff').css('position', 'relative');
  $('#switchOff').css('zIndex','10000');
  var foo = document.getElementById("switchOff");
  console.log('zindex: ' + $(foo).css('zIndex')); //gives it back, so it works
  $('#switchOff').bind('click',function(){
      alert('Bind is the winner');
  });

  foo.click = function(){
      alert('Native click is the winner');
  }

  $(document).on('click','#switchOff',function(){
            alert('Holaon');
  });

  document.getElementById("switchOff").addEventListener('click', function(){
      alert('eventlistener is a winner');
  }, false);

最奇怪的是，我什至可以更改那个 div 的属性，所以选择器可以工作，并且它已经加载到 dom 中。另一个奇怪的事情是它在其他设备上运行良好。 (摩托罗拉 defy、xperia tablez-z、atrix)。

我的想法用完了，有人可以帮忙吗？

Answer 1

你的 clicked() 在哪里定义的？您是否像这样将整个代码包装在 jquery 就绪的监听器中？:

$(function(){
     $('#switchOff').click(function(){
         //do something
     });
});