选择框全屏jquery引导程序
Select box fullscreen jquery bootstrap
我发现了一种适用于手机的全屏selextbox方法。
http://craftpip.github.io/bootstrap-fullscreen-select/
但是,当我在选择框上添加表单操作并单击选择选项时,弹出窗口会打开,在我选择某个值之前,它会直接重定向到表单操作。
知道我该怎么解决这个问题吗?
<link href="http://www.jqueryscript.net/demo/Mobile-First-Fullscreen-Select-Replacement-with-jQuery-Bootstrap/css/bootstrap-fullscreen-select.css" rel="stylesheet" type="text/css">
<form action="index.html">
<select class="form-control example-1" >
<option value="JavaScript">JavaScript</option>
<option value="C++">C++</option>
<option value="Swift">Swift</option>
<option value="Ruby">Ruby</option>
<option value="Python">Python</option>
</select>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="http://www.jqueryscript.net/demo/Mobile-First-Fullscreen-Select-Replacement-with-jQuery-Bootstrap/js/bootstrap-fullscreen-select.js"></script>
<script>
$('.example-1').mobileSelect();
$('.example-2').mobileSelect({theme: 'holo',style: 'btn-danger'});
$('.example-3').mobileSelect({theme: 'mac', animation: 'zoom'});
</script>
有趣的是,我从未使用过这个插件,所以我不得不仔细研究一下源代码。无论如何,您的原生选择正在转换为按钮。表单中的按钮将提交。将这个片段添加到您自己的js文件中。
$(document).ready(function(){
$('.btn-mobileSelect-gen').attr('type', 'button');
});
我把你的小提琴叉在这里-工作演示
相关文章:
- 我可以't使用jQuery更改工具提示引导程序的位置
- jQuery,引导程序下拉列表问题
- 引导程序选择在jquery pep中不起作用
- Jquery 引导程序验证 asp.net 母版页不起作用
- 引导程序 3 折叠面板中的 Jquery 数据表响应插件
- 第二个引导程序导航栏链接打开第一个(错误的)导航栏;jquery
- 引导程序jquery文件上传和laravel
- jquery,javascript在引导程序中不起作用
- 使用Jquery的响应设计引导程序中按钮的不同文本大小(例如LastName、FirstName/FirstName)
- Jquery'在'单击以查看引导程序模型对话框
- Magento Jquery引导程序和原型冲突?导航标签不起作用
- 选择框全屏jquery引导程序
- 阻止Jquery UI更改引导程序导航栏中的样式
- 使用jquery,我可以如何发现引导程序警报何时关闭
- 选中/取消选中所有子复选框 jquery 引导程序
- 使用 jquery 引导程序更改锚文本和图标
- 未显示 JQuery 引导程序日期选取器验证错误
- jquery引导程序手风琴没有完全垂直扩展
- 使用jQuery引导程序添加删除输入框
- jQuery引导程序验证不起作用