javascript - 面板打开关闭不起作用

标签 javascript jquery html css jquery-mobile

您好,我有要求在满足某些条件时打开 Jquery 移动面板的位置我已经尝试关闭、打开面板,但那没有用。请帮忙提前致谢 http://jsfiddle.net/NFkE2/1/

<input id="fieldValue" type="text" name="fieldValue" placeholder="Type in an Value" size="90" />
<a href='#mypanel' onClick='javascript:check();' data-icon="flat-checkround" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-btn-mini">submit </a>

<div data-role="panel" id="mypanel" data-position-fixed="true" data-position="left" data-display="overlay" data-theme="d">
This is Panel! 
</div>
function check(){
var fieldValue = document.getElementById("fieldValue");
if(fieldValue.value==""){
    alert("closing panel");
 $( "#mypanel" ).panel( "close" , optionsHash );
}else{
$( "#mypanel" ).panel( "open" , optionsHash );
}
}

最佳答案

使用这段 JavaScript 代码

function check(){
    var fieldValue = document.getElementById("fieldValue");
    if(fieldValue.value==""){
     $( "#mypanel" ).panel( "toggle" );
    }
}

DEMO

关于javascript - 面板打开关闭不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21462423/

相关文章:

javascript - 编译并运行Exploit-DB代码

javascript - HTML 文本输入 * "value";在不同的文本输入中显示

javascript - js文件结构,返回值?

javascript - 使用 GSAP 和 TweenMax 同时触发多个补间

javascript - 显示自定义对话框时禁用 IE 菜单

php - 在sql中查找与html按钮的id具有相同id的记录并生成模态

jquery - JCrop:防止取消选择?

php - mysql 不更新 html/php 中的信息

javascript - 如何在没有收到 "Page Unresponsive"警告的情况下从 javascript 显示打印对话框?

javascript - 不使用<table>标签制作表结构?