无法在Cordova中单击div

Question

直升机！

我正在创建一个cordova应用，并在android 4.2.2的S4 Mini上运行以下问题。 我有一个div元素

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

我无法对点击事件做出反应。 我尝试了所有可能的方法。

  $('#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
     });
});