javascript - 【已解决】framework7使用pushState后url依然没有变化

问题描述

问 题

问题：framework7使用pushState后url依然没有变化

初始化代码：

        var myApp = new Framework7({

            pushState : true,

        });



        // Export selectors engine
        var $$ = Dom7;

        // Add view
        var mainView = myApp.addView('.viewmain', {
              
        });

模板结构代码 index.html：

    <div class="views">
            <!-- 主视图 -->
        <div class="view viewmain">
            <div class="pages">
                <!-- Page, "data-page" contains page name -->
                <div data-page="index" class="page">
                    <div class="page-content">
                        <a href="detail.html">detail</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

detail.html代码：

<div class="pages">
    <!-- Page, "data-page" contains page name -->
    <div data-page="detail" class="page">
        <div class="page-content">
            detail  detail
        </div>
    </div>
</div>

解决方案

知道问题了，需要把主视图的class viewmian改为view-main，这个class是固定的不能变

这篇关于javascript - 【已解决】framework7使用pushState后url依然没有变化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！