frozenui / frozenjs Goto Github PK
View Code? Open in Web Editor NEW基于 Zepto 的移动端 JS 组件库
Home Page: http://frozenui.github.io/frozenjs/
基于 Zepto 的移动端 JS 组件库
Home Page: http://frozenui.github.io/frozenjs/
seajs.use(["zepto", "frozen"], function (z, fz) {
//错误,fz.Scroll: undefined
var tab = new fz.Scroll('#divNav', {role: 'tab'});
});
var tab = new fz.Scroll('.ui-tab', {
role: 'tab',
interval: 3000,
autoplay: true
});
tab.currentPage = 1;
$(tab.nav.children[0]).removeClass('current');
$(tab.nav.children[tab.currentPage]).addClass('current');
tab.scrollTo(-tab.itemWidth * tab.currentPage, 0);
把$(document).tap改为具体的class或id,解决
2014/11/18
为dialog、tips、loading添加动画支持
var slider = new Slide('.ui-slider', {
role: 'tab',
autoplay: true,
interval: 3000
});
写成
var tab = new Slide('.ui-slider', {
role: 'tab',
autoplay: true,
interval: 3000
});
更好理解
版本就是1.0.1,代码如下。
$.dialog({
title: sms.title ,
content: sms.message ,
button: ['确定', '删除'] ,
callback: function (i) {
alert(i);
sms.hasDeleted = true;
user.save();
$(dom).remove();
},
end:function(i){
alert(i)
}
});
两个回调函数都没有被触发
由于Frozenjs阻止了click事件,导致所有的angularjs的data-ng-click都无法响应
一开始我认为是下载不全的问题,之后引用了你们的源还是出现这个问题。
调用方法如下
$(function () {
initElementSize();
// form submit updanmu
$('#submit').click(function(){
socket.emit('updanmu', getarray($('#form')));
el=$.tips({
content:'温馨提示内容',
stayTime:2000,
type:"success"
})
el.on("tips:hide",function(){
console.log("tips hide");
})
return false;
});
...
这个组件也是比较常用的,期待加入,如果再加入验证框架就更好了,能自定义提示的那种。
十分激动收到一份来自外部用户的邮件,里面提到一些建议主要是关于js,发到这里,大家看下:
在FrozenUI 的官网上,看到了很多精彩的内容,对很多的组件进行了模块化,按需加载。我想咨询下就是你们团队什么时候会推出切面切换的效果,转场 效果,侧边栏导航效果(抽屉效果),以及你们官网上尚在整理中的Slider,Tab模块。能不能组件一个官方的FrozenUI爱好者的QQ群呢?这样方便所有 的爱好者在一起探讨交流,共同把FrozenUI这么一个很惊艳、实用、华丽的框架惠及更多的前端开发者,让更多的人去使用并推广它,让大家一起来共同 努力使FrozenUI在业界闻名遐迩。期待您的答复。
2014/11/18
如题,该如何解决呢?
<div class="box-flex long-press-demo">
<span class="box-flex-item">
<label>姓名</label>
<p>
张三
</p>
</span>
<span class="box-flex-item">
<label>出生年月日</label>
<p>
2015年4月28日
</p>
</span>
</div>
$('.long-press-demo').on('longTap','.box-flex-item',function (e) {
alert(this.outerHTML)
console.log(e.type)
})
使用以下的tab组件后,导致longTap事件不响应。
var tab = new fz.Scroll('.ui-tab', {
// role: 'tab',
// // interval: 3000
// //autoplay: true
// });
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.