javascript - 同样的两个mui的界面 ID为dayShare的可以上下滑动;ID为weekShare却不能上下滑动,是什么原因
黄舟
黄舟 2017-04-10 17:41:24
[JavaScript讨论组]
<p id="dayShare" class="mui-slider-item mui-control-content mui-active">
    <p id="scroll_view" class="mui-scroll-wrapper" style="top:44px">
        <p class="mui-scroll">
            <p id="emptyp" class="reportLinep" style="display: none;">暂无数据</p>
            <p class="linep">
                <p id="forward_title" class="titlep"></p>
                <p id="line_day_share_forward" class="reportLinep"></p>
            </p>
            <p class="linep">
                <p id="read_title" class="titlep"></p>
                <p id="line_day_share_read" class="reportLinep"></p>
            </p>
            <p class="linep">
                <p id="postRead_title" class="titlep"></p>
                <p id="line_day_share_postRead" class="reportLinep"></p>
            </p>
            <p class="linep">
                <p id="download_title" class="titlep"></p>
                <p id="line_day_click_download" class="reportLinep"></p>
            </p>
        </p>
    </p>
</p>

ID为dayShare的可以上下滑动;ID为weekShare却不能上下滑动

<p id="weekShare" class="mui-slider-item mui-control-content">
    <p id="scroll_view" class="mui-scroll-wrapper" style="top:44px;">
        <p id="mui-scroll">
            <p id="emptyp" class="reportLinep" style="display: none;">暂无数据</p>
            <p class="linep">
                <p id="w_forward_title" class="titlep"></p>
                <p id="line_week_share_forward" class="reportLinep"></p>
            </p>
            <p class="linep">
                <p id="w_read_title" class="titlep"></p>
                <p id="line_week_share_read" class="reportLinep"></p>
            </p>
            <p class="linep">
                <p id="w_postRead_title" class="titlep"></p>
                <p id="line_week_share_postRead" class="reportLinep"></p>
            </p>
            <p class="linep">
                <p id="w_download_title" class="titlep"></p>
                <p id="line_week_click_download" class="reportLinep"></p>
            </p>
        </p>
    </p>
</p>

这两个p是同一个页面,效果如图所示,只有日分享可以上下滑动,周分享与月分享都不能上下滑动:

<script type="text/javascript">
    mui.init();
    mui('.mui-scroll-wrapper').scroll();
</script>

抱大腿啦,请问这是什么原因?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
PHP中文网

找到原因了:mui-scroll应该是class,而非ID。
错误原因是,我的周分享与月分享都是这样写的:<p id="mui-scroll">
改正代码:<p class="mui-scroll">

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号