jQuery Mobile是一个基于HTML5的JavaScript框架,可以快速创建跨平台的Web应用程序。其中, input 是最基本的表单元素之一,用于用户输入数据。但是未必需要在界面上一直显示,可能需要先隐藏它,等到用户需要输入数据的时候再显示出来。
下面是一段隐藏 input 的jQuery Mobile代码:
$(document).on('pagebeforeshow', '#myPage', function(){ $('#myInput').textinput('disable'); //禁用输入框 $('#myInputDiv').css('display', 'none'); //隐藏整个输入框div }); $(document).on('click', '#myButton', function(){ $('#myInputDiv').css('display', 'block'); //显示整个输入框div $('#myInput').textinput('enable'); //启用输入框 });
上面的代码中,首先在页面加载前使用pagebeforeshow事件将输入框禁用并隐藏其外层div,这样用户就看不到它了。然后在点击某个按钮的时候,将输入框的div显示出来,同时启用输入框,此时用户就能够看到它并进行输入了。
这是一个简单的jQuery Mobile input 隐藏的实现,可以方便地实现输入框的动态显示和隐藏,提高应用程序的交互性和用户体验。