jquery mobile和javascript对话框未显示

jquery mobile and javascript dialog not showing

本文关键字:显示 对话框 javascript mobile jquery      更新时间:2024-04-17

我有一个php表单,使用jqueryMobile有几个复选框和单选按钮。当用户提交表单时,将执行一个javascript函数。此功能主要检查是否按下了任何单选按钮,并警告用户他/她必须检查至少一个单选按钮。我尝试了很多方法来显示一个简单的警报对话框,但似乎无法使其在移动设备中工作。我的android表单基本上什么都不显示。任何想法都将不胜感激。谢谢

这是表格:

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

这是javascript函数

function doSomeChecks(){
var formObj = document.getElementById("enviarEnquesta");
(...)
    if(counter == 0){
        /*display a jquery mobile alert type*/
    }else{ 
        /*just submit the form*/
        document.getElementById("enviarEnquesta").submit();
    }
}

基本弹出用法:使用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>