javascript - 同样的两个mui的界面 ID为dayShare的可以上下滑动；ID为weekShare却不能上下滑动，是什么原因

Question

<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>

抱大腿啦，请问这是什么原因？

Answer 1

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