Question

嗨我有要求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 );
}
}

Answer 1

使用此JavaScript代码

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

DEMO

Answer 2

首先，您应该查看您的javascript控制台，因为其中有错误警告可以帮助您（例如，optionsHash未定义）。如果您不确定如何在浏览器中找到javascript控制台，可以通过快速Google搜索来完成。

我为你做了一个新的小提琴，我认为你完成了你想做的事：Fiddle

我从未使用过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>

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

面板打开关闭不起作用

2 个答案: