Question

我使用Jquery Mobile和Zurb Foundation CSS进行了应用程序构建。我在母版页的标题中有一个公共菜单，在其他页面中有克隆副本。我使用了Foundation的Topbar使用了响应式菜单。

<div data-role="header" id="header-master" >

<div class="row" >

    <div class="small-3 medium-2 large-2 columns >

    </div>

    <div class="small-6 medium-2 large-2 columns " >

    </div>

    <div class="small-12 medium-8 large-8 columns ">
        <nav class="top-bar" data-topbar data-no-turbolink role="navigation" id="home-context-menu">
            <ul>
                <li></li>
            </ul>
        </nav>
    </div>

</div>

克隆的菜单是，

<div id="header-child">

 </div>

当我点按菜单时，它会展开并响应点击/点按操作。再次执行相同操作会出现错误，指出未捕获的TypeError：无法读取未定义的属性“scrolltop”。控制台在 Foundation.min.js

中显示错误

我正在克隆菜单

$(document).on("pagecreate", "#page-next", function ()

     {
         $("#header-master").clone().appendTo("#header-child");
    }
    return false;

 });

我还尝试在 pagebeforecreate 事件中克隆标题。

Answer 1

最后找到答案。我需要在使用它的所有页面中初始化Foundation库。

 /*INITIALIZE FOUNDATION CSS LIBRARY*/
    $(document).foundation();

未捕获的TypeError：无法读取未定义的属性'scrolltop' - Zurb Foundation和Jquery Mobile

1 个答案: