jquery-confirm 弹出框宽度太宽问题

最新推荐文章于 2022-05-22 10:00:13 发布

原创最新推荐文章于 2022-05-22 10:00:13 发布 · 9.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery-confirm #alert #弹出框

随笔日志专栏收录该内容

23 篇文章

订阅专栏

本文介绍了在使用jquery-confirm插件时遇到的样式问题及解决方法。作者发现缺少bundled.css文件导致弹窗样式异常，补充该文件后样式恢复正常。文中提供了必要的引用代码及插件下载链接。

这几天在引用jquery-confirm时，引入后发现弹出框都和页面一样宽，后来发现少引入了demo中的bundled.css，打开后发现bundled.css就是normalize.css，这个css有兴趣可以看一下

下面是我代码中的引用

<script src="../js/jquery.js"></script>
<script src="../js/jquery-confirm.js"></script>
<link rel="stylesheet" href="../css/jquery-confirm.css">
<link rel="stylesheet" href="../css/bundled.css">

jquery-confirm下载地址：http://craftpip.github.io/jquery-confirm/

这个里面含有事例可以参考

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

孺子牛牛

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Web-拾贝

oscar999的专栏

03-10

1万+

JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.csdn.net/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站，有browser兼容的介绍http://help.dottoro.co...

web前端笔试题-完善版

JackieDYH的博客

08-08

1万+

web面试题 1、定位有哪几种？分别简述其特点。 static：默认值，没有定位，元素出现在正常的文档流中 relative：生成相对定位的元素，不脱离文档流，相对于自身位置进行定位 absolute：生成绝对定位的元素，脱离文档流，相对于最近一级的定位，而不是static的父元素来进行定位 fixed：生成绝对定位元素（老IE不支持），脱离文档流，相对于浏览器窗口进行定位 2、请描述一下网页从开始请求到最终显示的完整过程 1.1在浏览器中输入地址 1.2发送到DNS服务器，解析获取域名对应的web服务器

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

三颗油 2019.11.07
感谢提醒

自制confirm弹出框

07-15

自己研究出来的自定义删除确认弹出框，代码图片完整，可以直接运行。以此为基础可以做优美的自定义alert等其它想要的弹出框。好东西就要分享给大家。

EasyUI 修改 Messager 消息框大小

weixin_30856965的博客

05-16

747

需求是要修改确认消息窗口的大小。简单的调用方法是这样的： $.messager.confirm('操作确认', '确定批量编辑文章？', function (r) { ... } 这个时候生成的弹窗默认宽度是300，高度是自适应的。这些在chrome执行 $.messager.defaults 可以看到。所以我们要修改的话把这些默认值需要修改的重新定义一下，覆盖掉...

修改confirm样式

qq_38409075的博客

03-09

1万+

修改confirm样式我是怎样修改的confirm的样式实际上我并没有修改conform的样式而是采用的jquery-ui的dialog插件需求在点这个红叉的时候删除掉一行数据并且在删除前提示要被删除的那一行的名称原来的弹出框方式非常丑是这样的 table代码 <table class="table table-bordered"> <thead&g...

JavaScript对象 window对象方法、confirm确认对话框、关闭浏览器、提示框prompt、设置窗口大小和滚动浏览器、打开浏览器、周期性弹框

Birdlun的博客

07-05

2140

目录 Window对象属性 Window对象常用方法列：关闭浏览器（confirm（））列：使用提示对话框（prompt（））列：重设窗口大小与滚动当前页的html文档列：打开浏览器列：实现周期性的出现弹框 Window对象属性 document 返回改窗口装载的html文档 location 返回该窗口装载的html文档的url navigtor 返回浏览当...

alert及confirm弹出框样式，换不错

11-10

alert及confirm弹出框样式，换不错

this.$confirm修改大小

09-02

- *1* *3* [jquery-confirm 弹出框宽度太宽问题](https://blog.csdn.net/caileigood/article/details/81660524)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

Vue（二十一）Layer弹出层

Good Luck

05-22

6392

安装：下载源码到本地layer: 丰富多样的 Web 弹出层组件，可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互。目前已成为 Web 弹层的首选解决方案https://gitee.com/sentsin/layer 将src中的源码文件拷贝到本地中。引入使用：注意：不要只拷贝layer.js和layer.css，会缺少很多图标以及找不到相对位置。 ...

Layui-经典模块化前端框架

x1206945132的博客

12-23

1635

LayUI 1. LayUI简介 layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。 1.1 下载官网：https://www.layui.com/ 下载后的目录结构如下： ├─css //css目录 │ │─modules //模块css目录 │ │ ├─layd

alert和confirm弹出框样式美化

12-21

alert和confirm弹出框样式美化，可自定义颜色和样式，无须调用浏览器自带弹框。

js弹窗的3种方式：alert、confirm、prompt

热门推荐

Kuroko's Development Notes

12-02

1万+

先上代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&..

使用jquery-confirm优化JS弹出框

不羁鱼|Karle

09-10

7956

jquery-confirm是一款可整合font-awesome，bootstrap一起使用的强大jQuery对话框和确认框插件Demo演示地址：http://karle.vip/jc.htmlcss

BootStrap修改modal模态框的宽度

北辰

01-14

354

修改的不是modal这个div，而是modal-dialog这个div,代码如下 <div class="modal-dialog" style="width:1100px">

重置$.messager.confirm 弹出框的高度，以及显示的文字

gaoxingbo0429的专栏

02-08

5682

$.messager.defaults = { ok: "需要",collapsible:false,minimizable:false,maximizable:false,resizable:false,cancel:"不需要",width:'250px',height:'150px'};

html5改变窗口大小,js怎么改变窗口大小?js改变窗口大小方法

weixin_35450735的博客

06-08

4589

本篇文章给大家带来的内容是关于js怎么改变窗口大小?js改变窗口大小方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在JavaScript中，可以使用window对象的resizeTo()方法或resizeBy()方法来改变窗口的大小。一、resizeTo()方法语法：window.resizeTo(x, y)说明：x表示改变后的水平宽度，y表示改变后的垂直高度。x和y的单位都...

第一次想使用插件，就看看啦！jquery-confirm

汪小哥

06-30

9125

http://craftpip.github.io/jquery-confirm/首先来说这个插件我刚刚开始使用，使用并不是那么6666 使用初体验我没有使用sea.js进行管理，就使用一般的操作手段进行使用，简单的看看这个例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<

JQuery插件:alert、confirm、prompt对话框插件

hua2142452的专栏

09-20

466

简介：本范例是用JQuery实现了一系列的对话框来替代浏览器自己的对话框，包含Alert，Confirm，Prompt对话框，本对话框有如下特点： 1、用户可以自定义对话框的界面 2、可以自定义对话框的标题本提示框使用标准的模式窗口弹出，改变浏览器的大小，窗口位置也会随之改变，可以点击标题拖动对话框代码使用方法：在网页区添加以下代码 [code="html"] Selec...

js 动态改变窗口大小

wwf1225的博客

09-18

848

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <titl...