Question

好吧，所以我研究过这个问题无济于事，但我尝试的都没有用。主目录中的网页可以正常下拉下拉菜单。但是，我有一个文件夹中的网页（以及文件夹中相同的header.html文件）引用文件夹内的本地header.html，下拉菜单不会拉下来。我已经尝试了我能想到的一切。我甚至将内容从header.html中取出并直接插入到aspx页面，但是下拉菜单仍然没有拉下来。请指教。

我在这里加载bootstrap和css：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

        <!-- Load JavaScript Libraries -->
    <script src="<%= Page.ResolveUrl("~/js/jquery/jquery.min.js") %>"></script>
    <script src="<%= Page.ResolveUrl("~/js/jquery/jquery.widget.min.js") %>"></script>
    <script src="<%= Page.ResolveUrl("~/js/jquery/jquery.mousewheel.js") %>"></script>
    <script src="<%= Page.ResolveUrl("~/js/prettify/prettify.js") %>"></script>


    <!-- Metro UI CSS JavaScript plugins -->
    <script src="<%= Page.ResolveUrl("~/js/load-metro.js") %>"></script>

    <!-- Local JavaScript -->
    <script src="<%= Page.ResolveUrl("~/js/docs.js") %>"></script>

    <!-- Bootstrap stylesheets. -->
    <link rel="stylesheet" href="<%= Page.ResolveUrl("~/css/metro-bootstrap-temple.css")%>" />
    <link rel="stylesheet" href="<%= Page.ResolveUrl("~/css/metro-bootstrap-responsive-temple.css")%>" />

    <link href="<%= Page.ResolveUrl("~/js/prettify/prettify.css")%>" rel="stylesheet"/>

    <!--Special icons! -->
    <link rel="stylesheet" href="<%= Page.ResolveUrl("~/css/iconFont.css")%>" />
</head>
<body class="metro">
    <form id="form1" runat="server">

        <!-- This code uses a function in docs.js to load the header content from a separate file. -->
        <header class="bg-templecherry" data-load="header.html"></header>

这是我的标题：

<nav class="navigation-bar temple">
    <nav class="navigation-bar-content container">
        <!--Title-->
        <a href="index.aspx" class="element"><span class="icon-film"></span>&nbsp;&nbsp;&nbsp;VERTOV <sup>ALPHA</sup></a>
        <!--Divider-->
        <span class="element-divider"></span>



        <a class="element1 pull-menu" href="#"></a>
            <ul class="element-menu">

         <!--Search-->
                <li>
                    <a href="search.aspx" class="element">SEARCH</a>
                </li>

        <!--Upload-->
                <li>
                    <a href="upload.aspx" class="element">UPLOAD</a>
                </li>
        <!--Queue-->
                <li>
                    <a href="queue.aspx" class="element">QUEUE</a>
                </li>

        <!--Manage-->
                <li>
                    <a class="dropdown-toggle" href="#">MANAGE</a>
                    <ul class="dropdown-menu dark" data-role="dropdown">
                        <li><a href="accounts.aspx">ACCOUNTS</a></li>
                        <li><a href="managedefaulttags.aspx">DEFAULT TAGS</a></li>
                        <li><a href="shotsRequiringTagging.aspx">UNTAGGED SHOTS</a></li>
                        <li><a href="suggestedTags.aspx">SUGGESTED TAGS</a></li>
                        <li><a href="UploadHistory.aspx">UPLOAD HISTORY</a></li>
                    </ul>
                </li>

        <!--Logout-->
                <li>
                    <a href="index.aspx" class="element place-right">LOGOUT</a>
                </li>                    

            </ul>

    </nav>
</nav>

这是doc.js文件中的内容：

    $(document).ready(function(){
    $("[data-load]").each(function(){
        $(this).load($(this).data("load"), function(){
        });
    });

    window.prettyPrint && prettyPrint();

    $(".history-back").on("click", function(e){
        e.preventDefault();
        history.back();
        return false;
    })
})


$(document).ready(function headerPosition(){
    if ($(window).scrollTop() > $('header').height()) {
        $("header .navigation-bar")
            .addClass("fixed-top")
            .addClass(" shadow")
        ;
    } else {
        $("header .navigation-bar")
            .removeClass("fixed-top")
            .removeClass(" shadow")
        ;
    }
}
)
$(document).ready(function () {
    if ($('nav > .side-menu').length > 0) {
        var side_menu = $('nav > .side-menu');
        var fixblock_pos = side_menu.position().top;
        $(window).scroll(function(){
            if ($(window).scrollTop() > fixblock_pos){
                side_menu.css({'position': 'fixed', 'top':'65px', 'z-index':'1000'});
            } else {
                side_menu.css({'position': 'static'});
            }
        })
    }
});

$(document).ready(function () {
    setTimeout(function(){headerPosition();}, 100);
})

$(window).scroll(function(){
    headerPosition();
});

METRO_AUTO_REINIT = true;

我不确定是否应该包含其他.js内容，因为下拉菜单适用于主目录中的页面，而不是当页面位于文件夹中时。我使用Page.ResolveURL来解决任何问题，但这个仍然存在。

ASP.NET - 下拉菜单不会加载

0 个答案: