无法在cordova中单击div

时间:2014-06-06 11:41:10

标签: javascript android jquery cordova

西洛!

我正在创建一个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>

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

  $('#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。 另一个奇怪的是它在其他设备上运行良好。 (motorola defy,xperia tablez-z,atrix)。

我没有想法,有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

您的clicked()在哪里定义? 你是否将这些代码完全包含在jquery ready listener中?:

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