jquery mobile和javascript对话框未显示

我有一个php表单，其中有几个复选框和使用jqueryMobile的单选按钮。当用户提交表单时，会执行一个javascript函数。此功能主要检查是否按下了任何单选按钮，并警告用户必须至少检查一个单选按钮。我尝试了很多方法来显示一个简单的警报对话框，但似乎无法使它在移动设备中工作。我的android表单基本上没有显示任何内容。任何想法都将受到高度赞赏。谢谢

表格如下：

<form id="EnviarEnquesta">
<input type="submit" id="submitButton" value="<?php echo(_('SendSurvey')); ?>" onClick="doSomeChecks();" />
</form>

---

基本弹出窗口用法：使用方法：

<div data-role="page" id="page">
  <div data-role="header">
    <h1>Example Page</h1>
  </div>
  <div role="main" class="ui-content">
    <button id="openpopup">Open popup</button>
  </div>
<div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.</p> </div>
</div>


<script>
$(document).on("pagecreate","#page", function(){ 
    $("#openpopup").click(function(){
        var contador=0;
        if(contador == 0)
        $( "#popupBasic" ).popup( "open");      
        else alert("contador is not zero!");
    })
});
</script>

示例页
打开弹出窗口
这是一个完全基本的弹出窗口，没有设置选项。

$（document）.on（“pagecreate”，“#page”，function（）{
$（“#openpopup”）。单击（函数（）{
var-contador=0；
如果（contador==0）
$（“#popubase”）.popup（“打开”）；
else警报（“contador不是零！”）；
})
});

元素ID在某些浏览器中区分大小写。更改表单id以匹配JavaScript中使用的表单id（反之亦然）。从jQuery Mobile 1.4.0开始，对话框已被弃用，并将在1.5.0中删除。考虑弹出式（）。还可以看看SweetAlert库，它与jqm配合得非常好：哦，我不知道。谢谢我还不能让它工作。我有以下div:

这是一个完全基本的弹出窗口，没有设置任何选项。

如果我像这样设置href链接，它会工作：

但是在javascript函数中它不工作：
如果（contador==0）{$（“#popubase”）.popup（“open”）}
有什么想法吗？
<div data-role="page" id="page">
  <div data-role="header">
    <h1>Example Page</h1>
  </div>
  <div role="main" class="ui-content">
    <button id="openpopup">Open popup</button>
  </div>
<div data-role="popup" id="popupBasic"> <p>This is a completely basic popup, no options set.</p> </div>
</div>


<script>
$(document).on("pagecreate","#page", function(){ 
    $("#openpopup").click(function(){
        var contador=0;
        if(contador == 0)
        $( "#popupBasic" ).popup( "open");      
        else alert("contador is not zero!");
    })
});
</script>