首页
IT
登录
6mi
u
盘
搜
搜 索
IT
jq仿淘宝选择产品颜色尺码
jq仿淘宝选择产品颜色尺码
xiaoxiao
2021-03-25
72
$
(
'.slide_color'
).
click
(
function
() {
$
(
'.slide_color'
).
eq
(
$
(
this
).
index
()).
toggleClass
(
'this_color'
).
siblings
(
'.slide_color'
).
removeClass
(
'this_color'
);
$
(
'#selected_color'
).
html
(
$
(
this
).
html
());
$
(
'.color'
).
html
(
$
(
this
).
html
()
+
','
);
if
(
$
(
'.slide_color'
).
hasClass
(
'this_color'
)
==
false
)
{
$
(
'#selected_color'
).
html
(
'请选择颜色'
);
}
})
//尺寸选择
$
(
'#slide_size
span
'
).
click
(
function
() {
$
(
'#slide_size
span
'
).
eq
(
$
(
this
).
index
()).
toggleClass
(
'this_color'
).
siblings
().
removeClass
(
'this_color'
);
$
(
'#selected_size'
).
html
(
$
(
this
).
html
());
$
(
'.size'
).
html
(
$
(
this
).
html
());
if
(
$
(
'#slide_size
span
'
).
hasClass
(
'this_color'
)
==
false
)
{
$
(
'#selected_size'
).
html
(
'请选择尺寸'
);
}
})
／／关闭弹窗判断用户的选择状态
$
(
'#clo_btn'
).
click
(
function
() {
$
(
'#slide'
).
slideUp
();
if
(
$
(
'.slide_color'
).
hasClass
(
'this_color'
)
==
false
&&
$
(
'#slide_size
span
'
).
hasClass
(
'this_color'
))
{
$
(
'.color'
).
css
(
'display'
,
'none'
);
$
(
'.size'
).
css
(
'display'
,
'none'
);
$
(
'.plesel'
).
html
(
'请选择 颜色分类'
)
}
else if
(
$
(
'#slide_size
span
'
).
hasClass
(
'this_color'
)
==
false
&&
$
(
'.slide_color'
).
hasClass
(
'this_color'
))
{
$
(
'.color'
).
css
(
'display'
,
'none'
);
$
(
'.size'
).
css
(
'display'
,
'none'
);
$
(
'.plesel'
).
html
(
'请选择 尺寸大小'
)
}
else if
(
$
(
'.slide_color'
).
hasClass
(
'this_color'
)
&&
$
(
'#slide_size
span
'
).
hasClass
(
'this_color'
))
{
$
(
'.plesel'
).
html
(
'已选择：'
)
$
(
'.color'
).
css
(
'display'
,
'inline-block'
);
$
(
'.size'
).
css
(
'display'
,
'inline-block'
);
}
else
{
$
(
'.color'
).
css
(
'display'
,
'none'
);
$
(
'.size'
).
css
(
'display'
,
'none'
);
$
(
'.plesel'
).
html
(
'请选择 颜色分类 尺寸大小'
)
}
})
转载请注明原文地址: https://ju.6miu.com/read-39238.html
技术
最新回复
(
0
)
