Javascript 面板开关不工作

您好，我有一个要求，当满足某些条件时，Jquery移动面板将打开。我已尝试关闭、打开面板，但这不起作用。请帮忙，谢谢

这是面板！
函数检查（）{
var fieldValue=document.getElementById（“fieldValue”）；
如果（fieldValue.value==“”）{
警报（“关闭面板”）；
$（#mypanel”）.panel（“关闭”，选项散列）；
}否则{
$（#mypanel”）.panel（“打开”，选项散列）；
}
}

使用此JavaScript代码

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

---

首先，您应该查看javascript控制台，因为其中有一些错误警告可能会对您有所帮助（例如，optionsHash未定义）。如果您不确定如何在浏览器中找到javascript控制台，可以通过快速谷歌搜索来实现

我为你做了一把新小提琴，我认为它完成了你想要做的事情：

我从未使用过JQuery移动插件，但我怀疑您的HTML中存在以下问题：

<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>

。。。使面板在您单击该提交文本时打开。在我为您制作的小提琴中，单击面板将始终关闭面板，单击提交将始终打开面板，但根据您的输入是否填写自定义文本。但根据输入值，您可以使用相同的逻辑来显示或不显示面板。

将

href=“#mypanel”

替换为

href=“#”

<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>