lihongxun945 / jquery-weui Goto Github PK

在这里加transform 会造成Stacking Context
.weui_dialog,
.weui_toast {
-webkit-transition-duration: .3s;
transition-duration: .3s;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
visibility: hidden;
margin: 0;
left: 7.5%;
top: 30%;
}

关于 <%include file%> 类似是java jsp的语法，在html中 运行好像没有作用吧，
请问作者发布在什么环境中的？

楼主看下这个，http://staticfile.org/about.html#howto

安卓和ios都不行。全遮罩

由于.weui_toast的margin-left属性采用的单位是rem，而.weui_toast的width属性采用的是em单位，因此在html和body的font-size属性值不一样时，会导致.weui_toast的margin-left：-3,8rem实际上并不是.weui_toast的width：7.6em的一半, 因此会出现不居中的情况。

微场景的一些屏幕滑动事件以前用swipe.js，但在微信的 x5内核还是有问题，希望这块添加上。另外也建议添加一些常用的动画 CSS。

1. show方法中mask不知道有何用，每次showLoading就会多一个这个div：

var mask = $("<div class='weui_mask_transparent'></div>").appendTo(document.body);

1. showLoading如果不传参就会用默认的字符串代替，但是我只想要个loading效果不要字，所以我做了一下修改：

$.showLoading = function(text) {
    var html = '<div class="weui_loading">';
    for(var i=0;i<12;i++) {
      html += '<div class="weui_loading_leaf weui_loading_leaf_' + i + '"></div>';
    }
    html += '</div>';

    if(text){
      html += '<p class="weui_toast_content">' + text + '</p>';
    }

    show(html, 'weui_loading_toast');

    if(text){
      $('.weui_loading').css('top','38%');
    }else{
      $('.weui_loading').css('top','50%');
    }
  }

chrome上没问题,safari上就显示NaN,不知是否个例

Picker的条目多时会向下偏移，十几个就完全空白了。
电脑上看没事，手机上有问题。
手机：三星A5、安卓4.4.4。

我在使用weui_tabbar时，结合weui_tab实现了标签页的切换。但遇到了下面的问题：
比如我设置了tab1为默认的标签页，然后手动点击底部菜单切换到了tab3，在tab3中有一个链接，点击后进入新页面。这时，我如果点击浏览器的后退按钮，它会退回到tab1标签页。有什么办法可以让它退回到之前选中的tab3标签页呢？

Calendar组件在微信内置浏览器中存在问题，能弹出DIV层，但无日期内容可选。在安卓机手机UC浏览器中出现同样问题，但在手机端QQ/360/谷歌浏览器可以。同时，在微信web开发者工具中也可以。

搜索栏的z-index高于mask，当出现mask的时候，搜索栏没有被遮罩

请问有没有图片浏览器组件和Swipeout 组件啊？

var show = function(html, className) {

var mask = $("<div class='weui_mask_transparent'></div>").appendTo(document.body);

var tpl = '<div class="weui_toast ' + className + '">' + html + '</div>';
var dialog = $(tpl).appendTo(document.body);

dialog.show();
dialog.addClass("weui_toast_visible");

};

在toast.js 中， show没有带第二个参数className, 会导致这个地方有一个undefined class，
建议 改成

var tpl = '<div class="weui_toast ' + className || "" + '">' + html + '</div>';

$("#weui-trade-way").select({
    title: "选择交易方式",
    items: [
        {
            title:"买入",
            value:"buy"
        },
        {
            title:"卖出",
            value:"sale"
        }
    ]
});


$(function() {

    $('body').on('change','#weui-trade-way',function() {
        alert('ccc');
    });

});

我现在这么写，无法取到change事件。

我用mvc bundle压缩
bundles.Add(new StyleBundle("/Content/weui").Include(
"/js/jquery-weui/css/weui.css",
"~/js/jquery-weui/css/jquery-weui.css"
));

jquery-weui.css 560行 visibility:hidden; 在android 4.0左右以下的浏览器中有bug ，modal 不显示， 改为visibility:visible; 能解决

某些情况下，遮罩层挡住了modal对话框层，导致无法点击对话框按钮等操作；通过修正遮罩层的z-index:3得到了

解决建议css中遮罩层调低 z-index 到3，或 比modal的层更低一些

在navbar组件展示的时候，如果点击【页面一】标签，整个navbar会消失，底部的二维码会上移一段距离，在扩展组件的展示中也存在同样现象

下拉刷新功能有个小bug,当一个长页面已经往下浏览一定距离后,这时想往上滚动时就会触发下拉刷新,应该设置为只有当页面没有滚动为顶部位置时才触发下拉刷新

http://lihongxun945.github.io/jquery-weui/dist/demos/calendar.html

Uncaught TypeError: $.popover is not a function

建议地址picker新增一个配置,可以隐藏某列

场景：注册时，阅读协议时让弹出注册协议，注册协议从数据库中读取，会有br、strong、span等之类的html标签
1、用modal自定义，confirm自定义的都不行，弹不出，要么就报非法字符结尾巴
2、用原生的weui_dialog写可以输出格式化的字符，但是弹不出，将jquery-weui.css中的weui_dialog的样式调整为<style>.weui_dialog{opacity: 100;visibility:visible;}</style>可以正常用jquery的show和hide了
注：error 图片传不上去了，群里有几个图片

var dialog = $(tpl).appendTo(document.body);
每次都append，导致body里面有很多个diaolog。

请问clear和cancel如何操作？似乎没法自定义click事件

picker是否有实现级联的方法？或者可以重设picker的可选内容？

对于自定义模态对话框的时候，有时候需要在按钮内校验表单数据是否完整，此时应该在用户提供的回调函数内自行决定是否关闭该对话框。

例如：
el.click(function() {
//先关闭对话框，再调用回调函数

    $.closeModal();

    if(buttons[i].onClick) {
      buttons[i].onClick();
    }
  });

代码修正为
el.click(function() {
//先关闭对话框，再调用回调函数
if(!params.config.customer_close) //当没有该配置或config.customer_close=true 的时候不主动关闭对话框；默认仍旧是主动关闭，只有配置了不主动关闭才不关闭
$.closeModal();

    if(buttons[i].onClick) {
      buttons[i].onClick();
    }
  });

通常是有这个行为需求的吧？

文档上是直接calendar()，实际上需要传一个空对象参数({})

感谢作者的开源共享，这个项目帮助了我很多
一个小建议就是能不能把swipr的css剥离出来，因为对于那些使用别的swipe插件的人来说是有可能造成冲突的，我就使用了一个轻量级的swipe组件swipe只有18k，每次都要进行剥离。
当然只是一个建议 :)

问题：value项过多时，那个选中焦点框会被挤到屏幕下边去，无法看到
建议：
1.现在需按住value区域才能滑动选择，按住旁边不可以，会带动主页面滚动，能否做成跟IOS的select一样,在弹出的区域都可以滑动，比较符合操作习惯
2.现在只有values和displayvalues，有多个值关联使用的情况，能否增加绑定，或者回调函数

jquery-weui.js 933行应该是 Infinite

下一个版本修复此问题

/* $(".weui_toast_visible").removeClass("weui_toast_visible").transitionEnd(function() {*/
$(".weui_toast").removeClass("weui_toast_visible").transitionEnd(function() {

jquery-weui.js
line : 180

$.showLoading() $.hideLoading() 不移除的问题

搜索框获焦时，光标先出现，之后会有一点延迟，再完成CSS样式的转换，

$("#date").datetimePicker({
title:"预定日期",
minDate: "2016-03-03",
maxDate: "2026-03-03"
});

这么设置无效果啊，试了好几种组合，比如把 Date 去掉也不行，官方文档也有点排版问题

看图便知

另外文本框被输入法遮挡，通病。
看这里：Tencent/weui#15 (comment)

android4存在dialog自带浏览器跟微信提供的都点不动，uc浏览器可以，官方的可以

页面存在滚动条的时候，Calendar控件 点击月份或者年份的时候，会造成页面回到顶部。

现在组件肯定远远不够用。
大家可以觉得哪些组件最常用，可以在这里投票 http://www.poll-maker.com/poll555802x317e406e-23
如果列出的没有你想要的，可以勾选other填写，也可以在这个issue下面评论。

常用的组件可以参考我的另一个库 http://light7.org/

建议加上closeModel的处理

@lihongxun945

建议Calendar可以增加选择日期区间的功能，从几月几号到几月几号的时间段

gulp-less Potentially unhandled rejection [2] Error: no writecb in Transform class
换成package.json 换成2.3.1就ok

可否扩展提供底部导航呢？

我是通过这个页面下载的资源直接使用的 build，发现$.hideLoading()无效，看源码貌似没有添加隐藏操作

贴成和单选的一样了。

尊敬的开源爱好者:
您好!我有一个这样的场景。性别选择，有三个选项文本值分别是 男，女，保密。提交到后台的值为1,2,0。
走了一所有的demo，后来发现只有只有picker最适用，但是只能得到这只文本值，不能设置要提交的值，可能是我不熟悉您的框架所有没有找到合适的组件，
请您指点一下，万分感激。
alongSelf
2016年4月1日

在PC chrome浏览器上发现日期弹不出来,当屏幕小于768时日期控件可以弹出