Popup Android not working

Popup Android not working

Hey guys,

I have an issue with the popups and android.

However this does work on iOS and WP7 so far. I tried it on Android (4.1.2) with Chrome Browser and the popup does not show up.

What happens is that i got several checkbox elements in a list. If a specific checkbox was clicked, a popup should show up as well and ask the user a question. Depending on the answer (yes/no) something should happen (JS triggered). The problem: that popup does not show up in chrome.

Here is the code:

  1. <a href="#popup123" data-rel="popup">
  2. <input type="checkbox" name="ACTIONS[]" id="action123" data-mini="true" value="123" onclick="saveTmpAction($(this));" />
  3. <label style="border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;" for="action123">TITLE<br /></label></a>
  1. <div data-role="popup" id="popup123" data-overlay-theme="a">
  2. <ul data-role="listview" data-divider-theme="a">
  3. <li data-role="list-divider" style="border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border:0">QUESTION</li>
  4. <li><a href="#">YES</a></li>
  5. <li style="border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important;"><a href="#" data-rel="back" >NO</a></li>
  6. </ul>
  7. </div>

 

Triggered JS Code:

  1. <script language="JavaScript">

  2. var checked = new Array();

  3. function saveTmpAction(btnClicked) {

  4. if (btnClicked.attr("checked") == "checked") {

  5. this.checked.push(btnClicked.val());

  6. $('#popup'+btnClicked.val()).show();

  7. {

  8. else {

  9. this.checked.splice($.inArray(btnClicked.val(), this.checked),1);

  10. $('#popup'+btnClicked.val()).hide();

  11. setTimeout(function() {

  12. $('#popup'+btnClicked.val()+'-screen').removeClass('in').addClass('ui-screen-hidden');

  13. }, 1);

  14. }

  15. }

</script>

Anyone got an idea for me? Does the JS part and the Popup like "block" each other?

 

Thanks for any help guys!