jsp中点一个按钮，用来触发bootstrap用户手册的弹出层显示，显示之后没干什么事就关闭了弹出层！再点浏览器后退键

来源：蜘蛛抓取(WebSpider) 时间：2014-10-24 03:46 标签： bootstrap用户手册
Bootstrap 模态框(也可以说的弹出层) - 石奈子0314 - 推酷
Bootstrap 模态框(也可以说的弹出层) - 石奈子0314
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
最近在尝试使用bootstrap的模态框
使用模态框主要要引入一下几个js和css:
bootstrap.css
jquery.1.9.1.js(这个可以灵活选择)
bootstrap.js
html页面的写法如下:
&link rel=&stylesheet& type=&text/css& href=&bootstrap/css/bootstrap.css&&
src=&bootstrap/js/jquery.1.9.1.js&&&/script&
src=&bootstrap/js/bootstrap.js&&&/script&
在写模态框的时候使用的class主要有:
modal hide fade in
modal-header
modal-body
modal-footer
此外必要的部分还需要设置data-dismiss=&modal&
以下是实例:
&!DOCTYPE html&
&meta charset=&utf-8&&
&title&bootstrap拟态框&/title&
&link rel=&stylesheet& type=&text/css& href=&bootstrap/css/bootstrap.css&&
src=&bootstrap/js/jquery.1.9.1.js&&&/script&
src=&bootstrap/js/bootstrap.js&&&/script&
&div class=&container&&
&h2&我是拟态框的例子&/h2&
&div id=&example& class=&modal hide fade in& style=&display:&&
&div class=&modal-header&&
&a class=&close& data-dismiss=&modal&&X&/a&
&h3&我是拟态框的头部&/h3&
&div class=&modal-body&&
&h4&我是拟态框的中间部分&/h4&
&p&我是描述部分&/p&
&div class=&modal-footer&&
&a href=&#& class=&btn btn-success&&成功&/a&
&a href=&#& class=&btn& data-dismiss=&modal&&关闭&/a&
&a href=&#example& data-toggle=&modal& class=&btn btn-primary btn-large&&点我弹出拟态框&/a&
效果图如下:
在测试实例的时候,遇到了
TypeError: $ is not a function
这样的错误.纠结了半天.后来想起了js的预加载机制,于是调换了下bootstrap.js和jquery.js的顺序.即把jquery放在前面,就可以避免此问题的出现了.希望对大家有帮助.
已发表评论数()
&&登&&&陆&&您所在的位置： &
提供给开发者的 20 款最棒的 jQuery Bootstrap 插件(1)
提供给开发者的 20 款最棒的 jQuery Bootstrap 插件(1)
开源中国社区 编译
在本文中，我们收集了给开发者的20个最佳的 jQuery的Bootstrap 插件，这将有助于您创建有创新和有用的网站和应用程序。我们希望你会发现列表中的插件能对你接下来的项目很好地派上用场。好好享受！
是最流行的前端框架之一，作为开发者用作建立有效和有用的Web应用的手段，它可被看作是网络发展的中坚力量。它功能很丰富：使用12列响应网格，众多组件，JavaScript插件，排版，表格控件，甚至可以基于网页来定制自己的Bootstrap 。&
在本文中，我们收集了给开发者的20个最佳的 jQuery的Bootstrap 插件，这将有助于您创建有创新和有用的网站和应用程序。我们希望你会发现列表中的插件能对你接下来的项目很好地派上用场。好好享受！
1. Bootstrap File Input
Bootstrap3.x 的一个增强版的HTML 5 文件选择控件，可以对图片文件和文本文件进行预览，以及其他功能。该插件增强了这些插件，并且将组件的初始化简化为一个简单的HTML文件字段。它同时还提供了多个文件预览的功能包括图片和文本文件。
2. PNotify
PNotify 是一个由SciActive 开发的 JavaScript的通知插件，曾用名Pines Notify。它的设计理念是提供一个极度灵活而又非常容易实现和使用。它可以提供非阻塞的通知。允许用户在不关闭它的情况下点击通知后面的元素。PNotify 使用了Bootstrap 和 jQuery UI来定义样式，这意味着可以非常容易的对它进行自定义主题样式。
3. Pongstagr.am
Pongstagr.am是一个jQuery插件，它允许在你的网站使用Bootstrap 前端的风格和模态插件显示你Instagram媒体。 在大多数情况下，Instagram的API，只要求使用一个client_id。一个简单的client_id通过特定的应用程序，关联到服务器，脚本或程序。 然而，一些请求需要身份验证 && 特别是涉及用户利益时。
4. X-editables
X-editable 支持Twitter Bootstrap，jQuery UI的或纯jQuery的就地编辑。 这个库允许你在你网页上创建可编辑元素。 它同时包括弹出和内嵌模式。 它是bootstrap可编辑插件的新方式，大力地重构和完善过。 它支持像文字，区域文本，选择，日期，日期ui和清单的输入类型。 它支持客户端和服务器端验证。容器位置是完全可定制的。 用户可以通过单击，双击或手动切换。它工作于IE7+和所有的现代浏览器。
5. ColorPicker
一个时钟分割的时间拾取器的Boostrap的jQuery插件。同时支持桌面和移动设备。也可以很好运行在触屏设备上。大部分浏览器都支持，包括IE9+。但是它应该在IE8上看起来和表现得足够好。&
6. Bootstrap FileStyle
Bootstrap Filestyle是一个基于jQuery组件库，并且可以Twitter Bootstrap化的插件，用来风格化表单的文件字段。这个插件以一个有趣的方式来展示发送的文件，以如此的有吸引力的一种形式，简单而高效。
7. Bootstrap Progressbar
Bootstrap Progressbar 是一个扩展了基本的Twitter的引导进度条的jQuery插件。它提供了已经存在的CSS过渡混合JavaScript动画进度条的能力。 此外，您可以在进度条上显示当前进度信息，或者通过回调函数获取值。&
8. Bootstrap Star Rating
一个简单但强大的jQuery的星星投票的Bootstrap 插件，它支持高级的功能，像小数星星填充和支持RTL输入。主要是通过利用纯CSS-3的风格来呈现控件进行开发。该插件使用Bootstrap标记和默认风格，但它可以用其它任意CSS标记覆盖。
9. Bootstrap Growl
非常简单的jQuery插件，可以让标准的Bootstrap 提示变成进入悬停时&咆哮般&提示。 它具有许多的功能，比如它使用标准的Twitter Bootstrap 提示，包括'info'，'error'，和'success'的风格，还支持连续多个咆哮般调用，层叠在一个列表。
10. jQuery Pagination Plugin
这个jQuery插件可以简化Bootstrap分页的使用。它使用相应的类：.pagination（更改这个），.active 和 .disabled.
内容导航&第 1 页： &第 2 页：
关于&&的更多文章
Jquery是继prototype之后又一个优秀的Javascript框架。大家知道J
本次的专刊为大家提供了Oracle最新推出的Java SE 8详细的开发教程，从解读到探究Java 8最新
讲师： 1人学习过讲师： 0人学习过讲师： 0人学习过
借助Google的三大论文，Hadoop打开了低成本海量数据处
春运大军前天正式启动了。昨天的新闻有几条不怎么好的
每年的一月份大约都是在看似忙忙碌碌中度过的。最近一
本书提供了．NET框架下C#编程的详尽指南。书中详细介绍了．NET框架中的核心概念、使用GDI+编写高级用户界面、多线程程序设计、使
51CTO旗下网站在show.jsp上点一button,获取Action的数据，显示在show.jsp弹出的层上？
[问题点数：50分，结帖人jackwu6201]
在show.jsp上点一button,获取Action的数据，显示在show.jsp弹出的层上？
[问题点数：50分，结帖人jackwu6201]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关帖子推荐：
本帖子已过去太久远了，不再提供回复功能。如何在jsp页面点击一个按钮,弹出一个对话框,输入数据后在父窗口显示数据,数据不需要入库_百度知道
如何在jsp页面点击一个按钮,弹出一个对话框,输入数据后在父窗口显示数据,数据不需要入库
如何在jsp页面点击一个按钮,弹出一个对话框,输入数据后在父窗口显示数据,数据不需要入库
提问者采纳
是用frame做的么？
贴下页面代码..
frame也可以，麻烦你跟我说下具体方法
function test(){
var param=prompt(&要输入的数据&,&&);//将输入的内容赋给变量 param，
//prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值
if(param)//如果返回的有内容
document.getElementByID(&这里是所谓的父窗口要显示的元素的ID&).value=
}}如果是父窗口，那么可以window.parent.document.getElementByID(&这里是所谓的父窗口要显示的元素的ID&).value=试试吧
提问者评价
其他类似问题
jsp的相关知识
按默认排序
其他1条回答
写一个js文件，按钮添加onclick事件。希望能帮到你。
等待您来回答
您可能关注的推广
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 bootstrap用户手册 的文章

 

随机推荐