1、新建并保存一个html文档,进入html代码编辑页面。
创新互联是一家业务范围包括IDC托管业务,虚拟空间、主机租用、主机托管,四川、重庆、广东电信服务器租用,绵阳机房托管,成都网通服务器托管,成都服务器租用,业务范围遍及中国大陆、港澳台以及欧美等多个国家及地区的互联网数据服务公司。
2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。
3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。
4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。
JQuery的弹出提示框可以有两种方式
Alert 方式以及 Confirm 方式弹出
Alert方式的弹出提示框,只能有一种抉择,那就是确定,他这是一种不可选择的提示
Confirm方式,是带有选择功能的提示框,用户可以点击确定或者取消
使用jquery更改bootstrap弹出框的内容,可以使用Jquery的load()方法,动态加载不同的模态框(弹出框)内容,然后填充到页面的弹出框div中:
主页面只保留弹出框最外面的那个div
div class="modal fade" id="myModal" /div
动态加载的弹出框内容页面中包括bootstrap模态框中的head、body和footer部分
div class="modal-header"
h3模态框header /h3
/div
div class="modal-body"
p模态框body/p
/div
div class="modal-footer"
p模态框footer/p
/div
利用jquery的load()方法,在点击不同的按钮时动态先动态加载内容到模态框的div中,然后再让bootstrap显示
script
// 模态对话框隐藏时移除数据
$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});
// 显示模态对话框
var showModal = function() {
var remote = "/test/showModal";
if (remote != "") {
$("#myModal").load(remote, function() {
$("#myModal").modal('show');
});
}};
/script
其中showModal函数可以由按钮控制。
jQuery UI的弹出框可以通过dialog实现
jQuery EasyUI的弹出框是这样的,
$.message.alert(p1,p2,p3,p4); //4个可选参数,分别是标题、内容、图标和当前窗口的回调函数,举个栗子:
$.message.alert('title','hello','info');