很多时候移动端在一些比较简单的网站上,会有这一种情况,当点击登录和注册时弹出窗口,同时弹窗里的登录和注册还用选项卡事件来切换相对应的页面。这时在外层无论点击登录按钮还是注册按钮,都是弹出默认的窗口,而并没有点击登录按钮弹出登录信息的界面,点击注册按钮弹出注册信息的界面。
在这里做一个简单的分享css样式不写了,直接写html和jquery的代码
实现的原理:
1、弹窗时要保证所弹出的是整个窗口最大的div
2、给定两个按钮各一个值,当点击某一个值的时候触发某个值所对应好的事件处理
3、事件处理时要保证弹出的register_sign_one和register_sign_tow这两个大div的下标
4、友情提示:下标值是从0开始的
HTML:
div
class
=
"
register_sign
"
>
<
button
class
=
"
sign_in
"
id
="
login_click
"
>登录
</
button
>
<
button
class
=
"
sign_in
"
id
="
reg_click
"
>注册
</
button
>
</
div
>
<!-- 登录注册de弹窗 -->
<
div
class
=
"
register_signshow activesign
"
>
<!-- 遮罩层 -->
<
div
class
=
"
mask
"
></
div
>
<!-- 实际弹窗-->
<
div
class
=
"
tan
"
>
<
div