Commit 931ea373 authored by hbcui1984's avatar hbcui1984

增加endPulldownToRefresh说明

parent 3ff8d4ee
......@@ -555,30 +555,42 @@ p {
.mui-scrollbar {
position: absolute;
top: 0;
right: 1px;
bottom: 2px;
z-index: 9999;
width: 4px;
overflow: hidden;
pointer-events: none;
opacity: 1;
-webkit-transition: 500ms;
transition: 500ms;
transform: translateZ(0px);
}
.mui-scrollbar-vertical {
top: 0;
right: 1px;
bottom: 2px;
width: 4px;
}
.mui-scrollbar-vertical .mui-scrollbar-indicator {
width: 100%;
}
.mui-scrollbar-horizontal {
right: 2px;
bottom: 0;
left: 2px;
height: 4px;
}
.mui-scrollbar-horizontal .mui-scrollbar-indicator {
height: 100%;
}
.mui-scrollbar-indicator {
position: absolute;
display: block;
width: 100%;
height: 147px;
box-sizing: border-box;
background: rgba(0, 0, 0, .39804);
border: 1px solid rgba(255, 255, 255, .80196);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
border-radius: 2px;
-webkit-transition: .01s cubic-bezier(.1, .57, .1, 1);
transition: .01s cubic-bezier(.1, .57, .1, 1);
transform: translate(0px, 0px) translateZ(0px);
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -1815,6 +1815,7 @@ var mui = (function(document, undefined) {
this.wrapper.appendChild(indicator.el);
indicators.push(indicator);
this.wrapper.addEventListener('swiperight', $.stopPropagation);
}
for (var i = indicators.length; i--;) {
......@@ -2356,6 +2357,7 @@ var mui = (function(document, undefined) {
});
};
})(mui, window, document);
(function($, window, document, undefined) {
var CLASS_PULL_TOP_POCKET = 'mui-pull-top-pocket';
var CLASS_PULL_BOTTOM_POCKET = 'mui-pull-bottom-pocket';
......@@ -3595,7 +3597,7 @@ var mui = (function(document, undefined) {
isActive: slideOn
});
toggle.removeEventListener('dragstart', $.stopPropagation);
// toggle.removeEventListener('flick', $.stopPropagation);
toggle.removeEventListener('swiperight', $.stopPropagation);
event.stopPropagation();
};
var dragToggle = function(event) {
......@@ -3619,7 +3621,7 @@ var mui = (function(document, undefined) {
toggle = $.targets.toggle;
if (toggle) {
toggle.addEventListener('dragstart', $.stopPropagation);
// toggle.addEventListener('flick', $.stopPropagation);
toggle.addEventListener('swiperight', $.stopPropagation);
handle = toggle.querySelector(SELECTOR_SWITCH_HANDLE);
toggleWidth = toggle.clientWidth;
handleWidth = handle.clientWidth;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -10,8 +10,8 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="http://dcloudio.github.io/mui/dist/css/mui.min.css?v=2014-09-29 21:41:21 +0800">
<link rel="stylesheet" href="http://dcloudio.github.io/mui/assets/css/docs.css?v=2014-09-29 21:41:21 +0800">
<link rel="stylesheet" href="http://dcloudio.github.io/mui/dist/css/mui.min.css?v=2014-10-08 15:42:00 +0800">
<link rel="stylesheet" href="http://dcloudio.github.io/mui/assets/css/docs.css?v=2014-10-08 15:42:00 +0800">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://dcloudio.github.io/mui/assets/img/apple-touch-icon-114x114.png">
......@@ -469,7 +469,7 @@ mui的解决思路是:单webview只承载单个页面的dom,减少dom层级
<span class="p">}</span>
<span class="p">}</span>
<span class="p">});</span></code></pre></div>
<p class="component-description">其次,根据具体业务编写刷新函数,需要注意的是,加载完新数据后,需要执行callback()方法;</p>
<p class="component-description">其次,根据具体业务编写刷新函数,需要注意的是,加载完新数据后,需要执行endPulldownToRefresh()方法;</p>
<div class="highlight"><pre><code class="language-js" data-lang="js"><span class="kd">function</span> <span class="nx">pullfresh</span><span class="o">-</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
<span class="c1">//业务逻辑代码,比如通过ajax从服务器获取新数据;</span>
<span class="p">......</span>
......@@ -734,8 +734,8 @@ mui的解决思路是:单webview只承载单个页面的dom,减少dom层级
</ul>
</div>
<script src="http://dcloudio.github.io/mui/dist/js/jquery-2.1.1.js"></script>
<script src="http://dcloudio.github.io/mui/dist/js/mui.min.js?v=2014-09-29 21:41:21 +0800"></script>
<script src="http://dcloudio.github.io/mui/assets/js/docs.min.js?v=2014-09-29 21:41:21 +0800"></script>
<script src="http://dcloudio.github.io/mui/dist/js/mui.min.js?v=2014-10-08 15:42:00 +0800"></script>
<script src="http://dcloudio.github.io/mui/assets/js/docs.min.js?v=2014-10-08 15:42:00 +0800"></script>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment