node

node

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
javascript/jQuery

javascript/jQuery

一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
MongoDB

MongoDB

MongoDB 是一个基于分布式文件存储的数据库
openstack

openstack

OpenStack是一个由NASA(美国国家航空航天局)和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。
VUE

VUE

一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。
bootstrap

bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
HTML

HTML

超文本标记语言,标准通用标记语言下的一个应用。
CSS/SASS/SCSS/Less

CSS/SASS/SCSS/Less

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
PHP

PHP

PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,利于学习,使用广泛,主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML(标准通用标记语言下的一个应用)文档中去执行,执行效率比完全生成HTML标记的CGI要高许多;PHP还可以执
每天进步一点点

每天进步一点点

乌法把门的各累笑寂静
求职招聘

求职招聘

猎头招聘专用栏目
Python

Python

一种解释型、面向对象、动态数据类型的高级程序设计语言。

mAlert

bootstrap3.xlopo1983 发表了文章 • 0 个评论 • 1572 次浏览 • 2016-07-28 15:23 • 来自相关话题

//mAlert使用方法
//1 警告,2错误,3成功,4无状态 (c,a,b)c 状态 a 标题 b 内容 c为必填;
?
<a class="btn btn-success" onclick="mAlert(3,'成功的提示文字','成功')">成功</a>function mAlert(c, a, b, u) {
$('.modal').remove();
var m = '',
temp = '';
var mclass, micon;
var $md = $('#alertModal');
if (c == 1) {
mclass = ' warning';
micon = 'icon-war';
} else if (c == 2) {
mclass = ' danger';
micon = 'icon-erro';
} else if (c == 3) {
mclass = ' success';
micon = 'icon-suc';
} else if (c == undefined || c == 0) {
micon = 'icon-info'
};
temp += '<div class="modal fade' + mclass + '" id="alertModal" data-keyboard="false" tabindex="-1" role="dialog">';
temp += '<div class="modal-dialog modal-sm"><div class="modal-content">';
temp += '<div class="modal-body"><a class="close"></a><div class="media"><div class="media-left"><span class="iconplus ' + micon + '"></span></div>';
temp += '<div class="media-body media-middle"><h4>' + b + '</h4><p class="text-justify">' + a + '</p></div></div></div>';
temp += '<div class="modal-footer"><p><a class="btn btn-default btn-sm pull-right" data-dismiss="modal">确定</a></p></div>';
temp += '</div></div></div>';
$('body').append(temp);
$('#alertModal').modal({
show: 'true',
backdrop: 'static',
});
$('#alertModal').on('hidden.bs.modal', u)
}#alertModal {
.modal-header {
padding-top: 10px;
padding-bottom: 10px;
}
.modal-title {
color: @cwh;
margin: 0;
}
.modal-sm {
width: 400px;
}
.iconplus {
font-size: 96px;
}
.modal-body {
.btn {
padding-left: 25px;
padding-right: 25px;
}
p {
margin-bottom: 0;
}
.icon-erro {
color: @cre;
}
.icon-war {
color: @cye*0.9;
}
.icon-suc {
color: @cgr;
}
}
} 查看全部
//mAlert使用方法
//1 警告,2错误,3成功,4无状态 (c,a,b)c 状态 a 标题 b 内容 c为必填;
?
<a class="btn btn-success" onclick="mAlert(3,'成功的提示文字','成功')">成功</a>
function mAlert(c, a, b, u) {
$('.modal').remove();
var m = '',
temp = '';
var mclass, micon;
var $md = $('#alertModal');
if (c == 1) {
mclass = ' warning';
micon = 'icon-war';
} else if (c == 2) {
mclass = ' danger';
micon = 'icon-erro';
} else if (c == 3) {
mclass = ' success';
micon = 'icon-suc';
} else if (c == undefined || c == 0) {
micon = 'icon-info'
};
temp += '<div class="modal fade' + mclass + '" id="alertModal" data-keyboard="false" tabindex="-1" role="dialog">';
temp += '<div class="modal-dialog modal-sm"><div class="modal-content">';
temp += '<div class="modal-body"><a class="close"></a><div class="media"><div class="media-left"><span class="iconplus ' + micon + '"></span></div>';
temp += '<div class="media-body media-middle"><h4>' + b + '</h4><p class="text-justify">' + a + '</p></div></div></div>';
temp += '<div class="modal-footer"><p><a class="btn btn-default btn-sm pull-right" data-dismiss="modal">确定</a></p></div>';
temp += '</div></div></div>';
$('body').append(temp);
$('#alertModal').modal({
show: 'true',
backdrop: 'static',
});
$('#alertModal').on('hidden.bs.modal', u)
}
#alertModal {
.modal-header {
padding-top: 10px;
padding-bottom: 10px;
}
.modal-title {
color: @cwh;
margin: 0;
}
.modal-sm {
width: 400px;
}
.iconplus {
font-size: 96px;
}
.modal-body {
.btn {
padding-left: 25px;
padding-right: 25px;
}
p {
margin-bottom: 0;
}
.icon-erro {
color: @cre;
}
.icon-war {
color: @cye*0.9;
}
.icon-suc {
color: @cgr;
}
}
}

bsfanslib 持续更新中

bootstrap3.xlopo1983 发表了文章 • 0 个评论 • 1364 次浏览 • 2016-07-08 14:10 • 来自相关话题

基于 bootstrap 3.x 的扩展库
终于上线了 目前持续书写中!
项目连接地址项目地址coding.io
基于 bootstrap 3.x 的扩展库
终于上线了 目前持续书写中!
项目连接地址项目地址coding.io

ajax 加载html

javascript/jQueryadmin 发表了文章 • 0 个评论 • 1921 次浏览 • 2016-07-07 11:56 • 来自相关话题

一、jQuery怎么加载一个html页面到我指定的div里面。我想把a.html里面的某一部份的内容加载到b.html的一个div里。
比如,我要加载a.html里面的<div id=“aContent"></div>这个div里面的所有内容加载到b.html的这个div里<div id="rightCon"></div>
请问要怎么写呢。

用jquery ajax 可以做到
假设 a.html 和b.html在同一目录?
b.html?<script >
$(document).ready(function() {
bodyContent = $.ajax({
url: "b.html",
global: false,
type: "POST",
data: ({
id: this.getAttribute('aContent')
}),
dataType: "html",
async: false,
success: function(msg) {
alert(msg);
}
})
});
</script>



二、juqery $.ajax 请求另一个html页面的指定的“一部分”加载到本页面div,重点是一部分数据加载到本页面div ?(来自百度知道)大至思路如下:$.ajax( {
url: url, //这里是静态页的地址
type: "GET", //静态页用get方法,否则服务器会抛出405错误
success: function(data){
var result = $(data).find("另一个html页面的指定的一部分");
$("本页面div").html(result);


}
});

或参考下面的代码:$(function(){
$.ajax({
type:"POST",
url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
},
error:function(XMLHttpRequest, textStatus, thrownError){}
})

}) 查看全部
一、jQuery怎么加载一个html页面到我指定的div里面。我想把a.html里面的某一部份的内容加载到b.html的一个div里。
比如,我要加载a.html里面的<div id=“aContent"></div>这个div里面的所有内容加载到b.html的这个div里<div id="rightCon"></div>
请问要怎么写呢。

用jquery ajax 可以做到
假设 a.html 和b.html在同一目录?
b.html?
<script >
$(document).ready(function() {
bodyContent = $.ajax({
url: "b.html",
global: false,
type: "POST",
data: ({
id: this.getAttribute('aContent')
}),
dataType: "html",
async: false,
success: function(msg) {
alert(msg);
}
})
});
</script>




二、juqery $.ajax 请求另一个html页面的指定的“一部分”加载到本页面div,重点是一部分数据加载到本页面div ?(来自百度知道)大至思路如下:
$.ajax( {
url: url, //这里是静态页的地址
type: "GET", //静态页用get方法,否则服务器会抛出405错误
success: function(data){
var result = $(data).find("另一个html页面的指定的一部分");
$("本页面div").html(result);


}
});


或参考下面的代码:
$(function(){
$.ajax({
type:"POST",
url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
},
error:function(XMLHttpRequest, textStatus, thrownError){}
})

})

最新群规2016 v1.2

回复

bootstrap3.xlopo1983 发起了问题 • 2 人关注 • 0 个回复 • 2904 次浏览 • 2016-07-06 09:33 • 来自相关话题

Java招聘

回复

求职招聘lopo 发起了问题 • 1 人关注 • 0 个回复 • 2922 次浏览 • 2016-05-27 17:36 • 来自相关话题

移动端h5,图片手势轮播+手势放大缩小

回复

javascript/jQueryyinzi 发起了问题 • 1 人关注 • 0 个回复 • 4051 次浏览 • 2016-05-23 17:12 • 来自相关话题

modal点击时 body变窄的解决办法

bootstrap3.xlopo1983 发表了文章 • 0 个评论 • 1830 次浏览 • 2016-03-13 17:02 • 来自相关话题

问题描述
3.x的body在改版为了有更好的UX效果 当modal-body 内容超长的时候 滚动鼠标即可直接滚动 不同于2.x的效果,须在modal-body上滚动鼠标,但是在做某些页面的时候body 的内容不超过100vh 就会出现强制滚动条,而这样的效果在某些时候回引起一些不必要的小麻烦 也就是页面重绘。
?
查看bs的源码后发现其在body中增加了一个class modal-open 和通过js 写入的padding-right 17px
从这里下手即可解决
?
解决办法1 简单暴力
修改js 源码
打开js源码 搜素 modal 后 再搜索 padding 就会发现一个
c.prototype.setScrollbar = function() {
var a = parseInt(this.$body.css("padding-right") || 0, 10);
this.originalBodyPad = document.body.style.paddingRight || "", this.bodyIsOverflowing && this.$body.css("padding-right", a + this.scrollbarWidth)
}注释掉这段js 即可完成;
[b]解决办法2 修改css[/b]
祭出css 大宝剑!important

增加如下css.modal-open {
overflow: initial !important;
}
.body{
adding-right: 0px !important;
}
?
? 查看全部
问题描述
3.x的body在改版为了有更好的UX效果 当modal-body 内容超长的时候 滚动鼠标即可直接滚动 不同于2.x的效果,须在modal-body上滚动鼠标,但是在做某些页面的时候body 的内容不超过100vh 就会出现强制滚动条,而这样的效果在某些时候回引起一些不必要的小麻烦 也就是页面重绘。
?
查看bs的源码后发现其在body中增加了一个class modal-open 和通过js 写入的padding-right 17px
从这里下手即可解决
?
解决办法1 简单暴力
修改js 源码
打开js源码 搜素 modal 后 再搜索 padding 就会发现一个
c.prototype.setScrollbar = function() {
var a = parseInt(this.$body.css("padding-right") || 0, 10);
this.originalBodyPad = document.body.style.paddingRight || "", this.bodyIsOverflowing && this.$body.css("padding-right", a + this.scrollbarWidth)
}
注释掉这段js 即可完成;
[b]解决办法2 修改css[/b]
祭出css 大宝剑!important

增加如下css
.modal-open {
overflow: initial !important;
}
.body{
adding-right: 0px !important;
}

?

?

requirejs AMD规范的问题

回复

javascript/jQueryQiu 发起了问题 • 1 人关注 • 0 个回复 • 2776 次浏览 • 2016-03-10 16:38 • 来自相关话题

datetimepicker bs中错位问题

bootstrap3.xlopo1983 发表了文章 • 0 个评论 • 2041 次浏览 • 2016-02-26 10:17 • 来自相关话题

解决方式如同:

datepicker position #363


但是这个文章并没有交代自己的版本号,而且我查找js源文件,也没有找到对应的字眼:507行、scrollTop等。

我个人是2015-11-16在github上下载的master分支:https://github.com/smalot/bootstrap-datetimepicker

根据更新日志,理论上应该是最新的版本?Minor release 2.3.5:Minor release 2.3.5

我找到的位置是在533行




现总结如下:

如果是2.3.5版本,尝试修改?bootstrap-datetimepicker.js?文件?533行?:top = top - containerOffset.top;//改为top = top// - containerOffset.top;
如果没有找到这一行,那么可能是旧版本,尝试在507~520行之间修改:top = top + document.body.scrollTop//改为top = top //+ document.body.scrollTop
如果用的min文件,那么也要相应改一下。讲到这里,再罗嗦一句:

min不知道用什么压缩工具的(估计是google压缩),变量名都改了,查找如下内容:

m=m-k.top;


把 "-k.top"去掉就好。

如果没有找到这个,搜索?top-left 这个字眼,翻一下后面,就可以看到了。

---------------------------------

更新:

俺发现不是这样的捏,min文件里面居然有+document.body.scrollTop这个字眼,果断去掉就好了。

? 查看全部
解决方式如同:

datepicker position #363


但是这个文章并没有交代自己的版本号,而且我查找js源文件,也没有找到对应的字眼:507行、scrollTop等。

我个人是2015-11-16在github上下载的master分支:https://github.com/smalot/bootstrap-datetimepicker

根据更新日志,理论上应该是最新的版本?Minor release 2.3.5:Minor release 2.3.5

我找到的位置是在533行




现总结如下:

如果是2.3.5版本,尝试修改?bootstrap-datetimepicker.js?文件?533行?:top = top - containerOffset.top;//改为top = top// - containerOffset.top;
如果没有找到这一行,那么可能是旧版本,尝试在507~520行之间修改:top = top + document.body.scrollTop//改为top = top //+ document.body.scrollTop
如果用的min文件,那么也要相应改一下。讲到这里,再罗嗦一句:

min不知道用什么压缩工具的(估计是google压缩),变量名都改了,查找如下内容:

m=m-k.top;


把 "-k.top"去掉就好。

如果没有找到这个,搜索?top-left 这个字眼,翻一下后面,就可以看到了。

---------------------------------

更新:

俺发现不是这样的捏,min文件里面居然有+document.body.scrollTop这个字眼,果断去掉就好了。

?

bootstrap tab 问题集锦

bootstrap3.xlopo1983 发表了文章 • 0 个评论 • 1705 次浏览 • 2016-02-26 10:07 • 来自相关话题

1.Q:在tab中使用canvas 图标 切换时canvas不能正常显示(echarts) 本小结 由四川-逮猫高手在成都 提供 ?
?A:
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
myChart1.resize();
myChart2.resize();
myChart3.resize();
})?
?
? 查看全部
1.Q:在tab中使用canvas 图标 切换时canvas不能正常显示(echarts) 本小结 由四川-逮猫高手在成都 提供 ?
?A:
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
myChart1.resize();
myChart2.resize();
myChart3.resize();
})
?
?
?