章节
问答
课签
笔记
评论
占位
占位

模态弹出框--JavaScript触发时的参数设置(一)

使用JavaScript触发模态弹出窗时,Bootstrap框架提供了一些设置,主要包括属性设置、参数设置事件设置

属性设置

模态弹出窗默认支持的自定义属性主要有:

比如你不想让用户按ESC键关闭模态弹出窗,你就可以这样做:

$(function(){
    $(".btn").click(function(){
        $("#mymodal").modal({
            keyboard:false
        });
    });
});

这一节,我们对JavaScript触发模态弹出窗的属性设置进行了介绍,下一节我们将继续对参数设置和事件设置进行介绍。

任务

我来试试:在右侧代码编辑器中尝试本小节新学习的参数。

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / qq_阳光你好_03224775
static是关键词 要加引号

已采纳回答 / 三层楼
放的位置对不对,必须放在<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>他们后面

已采纳回答 / 慕瓜2935129
第一个是引入bootstrap里面的jquery库,第二个是引入bootstrap里面的JS的插件。顺序不可以调换,因为后者必须依赖前者才能实现功能

已采纳回答 / 慕粉3832709
你的也是这样呀!!!你把那个script》jQuery文件,改成1.11·······那个版本。把他拷贝到dw 或者hb 上面再在浏览器上面看,就有效果了!!!当然,我是这样做的!!!如果不行,嗯,那我就没辙了!!!!

已采纳回答 / 星空_0019
你的代码,我我改了下调用js的路径后没有问题呀<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 这个在本地测试都是少http:头的呢  这个样子才对呢http://...

已采纳回答 / xuanzhou
根据语法规则,一般分号在函数主体中起一段语句的分隔作用,比如$(".btn").click(function(){}这段代码中大括号内就是指函数主体,分隔一般用分号,而$("#mymodal").modal({   keyboard:false   })中包括大括号都是参数,一般用逗号分隔。

最赞回答 / LeonardGrimm
这个在下一个版本会移除,建议不要使用

已采纳回答 / LeonardGrimm
{}是对象,内部不同属性要用逗号隔开

最新回答 / mazhiqiang1216
这个虽然写的没什么问题可是为什么就不能弄出效果来

最新回答 / qq_今夜未央_0
bootstrap提供data-api,可以通过data-target调弹框

最新回答 / Vespo
我找到原因了,整个模态弹出窗的div不能在类似于nav这样的标签中

已采纳回答 / 荼酒
toggle本身是显示时点击隐藏,隐藏时点击显示。

+ 我来回答 回答最高可+2积分
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言