Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
YOHOBUYWAP
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
0
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
xuqi
9 years ago
Commit
0e48975afbda86e81f129fcd10c70381ddc99128
1 parent
8901bf2f
filter html modify
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
26 additions
and
23 deletions
static/js/plugin/filter.js
template/m.yohobuy.com/partials/filter.phtml
static/js/plugin/filter.js
View file @
0e48975
...
...
@@ -7,7 +7,7 @@
var
$
=
require
(
'yoho.zepto'
);
var
$filter
=
$
(
'.filter-mask
, .filter-body
'
);
var
$filter
=
$
(
'.filter-mask'
);
var
$classify
=
$filter
.
find
(
'.classify'
),
$subClassify
=
$filter
.
find
(
'.sub-classify'
);
...
...
@@ -33,9 +33,11 @@ function registerCbFn(cb) {
$classify
.
children
(
':first-child'
).
addClass
(
'active'
);
//T:不在HTML中使用{{#if @first}}active{{/if}}来初始化active为避免sub设置高度时的闪烁
//classify switch
$classify
.
delegate
(
'.classify-item'
,
'tap'
,
function
()
{
$classify
.
delegate
(
'.classify-item'
,
'tap'
,
function
(
e
)
{
var
$this
=
$
(
this
);
e
.
stopPropagation
();
if
(
$this
.
hasClass
(
'active'
))
{
return
;
}
...
...
@@ -46,7 +48,7 @@ $classify.delegate('.classify-item', 'tap', function() {
});
//点击Mask隐藏筛选界面
$filter
.
filter
(
'.filter-mask'
).
tap
(
function
()
{
$filter
.
tap
(
function
()
{
hideFilter
();
});
...
...
template/m.yohobuy.com/partials/filter.phtml
View file @
0e48975
{
{#
filter
}
}
<div
class=
"filter-mask hide"
></div>
<div
class=
"filter-body hide"
>
<ul
class=
"classify"
>
{
{#each
classify
}
}
<li
class=
"classify-item"
>
<p
class=
"shower{{#if default}} default{{/if}}"
>
<span
class=
"title"
>
{
{title
}
}:</span>
{
{name
}
}
</p>
<ul
class=
"sub-classify"
data-type=
{
{dataType
}
}>
{
{#
subs
}
}
<li
{
{#if
chosed
}
}class=chosed
{
{/if
}
}
data-id=
{
{dataId
}
}>
{
{name
}
}
<i
class=
"iconfont chosed-icon"
>
617
;</i>
</li>
{
{/
subs
}
}
</ul>
</li>
{
{/each
}
}
</ul>
<div
class=
"filter-mask hide"
>
<div
class=
"filter-body"
>
<ul
class=
"classify"
>
{
{#each
classify
}
}
<li
class=
"classify-item"
>
<p
class=
"shower{{#if default}} default{{/if}}"
>
<span
class=
"title"
>
{
{title
}
}:</span>
{
{name
}
}
</p>
<ul
class=
"sub-classify"
data-type=
{
{dataType
}
}>
{
{#
subs
}
}
<li
{
{#if
chosed
}
}class=chosed
{
{/if
}
}
data-id=
{
{dataId
}
}>
{
{name
}
}
<i
class=
"iconfont chosed-icon"
>
617
;</i>
</li>
{
{/
subs
}
}
</ul>
</li>
{
{/each
}
}
</ul>
</div>
</div>
{
{/
filter
}
}
\ No newline at end of file
...
...
Please
register
or
login
to post a comment