无法在Cordova中单击div

Question

Helo!

I am creating a cordova app, and run in to the following issue on S4 Mini, android 4.2.2. I have a div element

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

Theres no way I was able to react to a click event. I tried every possible way I know.

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

The most strange thing is that I can even change the attributes of that div, so the selector works, and its already loaded to the dom. Another strange thing is that it works well on other devices. (motorola defy, xperia tablez-z, atrix).

I run out of ideas, can someone help with this?

Answer 1

where is your clicked() defined? Did you wraped the whole code in the jquery ready listener like this?:

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