如何使用JQuery引用单独的html文件的ID？

Question

<div id="container">
    <nav>
        <ul class="clearfix" id="cfix">
            <li class="icon" id="icon">
                <a href="javascript:void(0);" onclick="myMenu()">&#9776; 
                    Menu</a>
            </li>
            <div id="drop">
                <li><a href="index.html#about">About Me</a></li>
                <li><a href="index.html#resume">Resume</a></li>
                <li><a href="index.html#music">Music</a></li>
                <li><a href="index.html#contact">Contact</a></li>
                <li><a href="blog.html">Blog</a></li>
            </div>
        </ul>
    </nav>
</div>

<script>
    $(function() {
        $('#drop li').click(function() {
          $(this).addClass('selected').siblings().removeClass('selected');
        });
    });
</script>

我试图激活从bio.html单独的html文件[index.html]中引用的ID的类[selected]。 上面的代码在index.html上有效，但在bio.html上无效。

我尝试将[href^='index.html#']到JQuery选择器，但无济于事。

如何引用单独的html的ID？

Answer 1

我再说一遍，尽管您一开始就很清楚，但对您的问题仍然不明白，我感到非常抱歉。

要实现您的要求，只需将其添加到index.html文件中：

<script>
    $(document).ready(function(){
        $("#drop").children().children("[href='index.html"+document.location.hash+"']").addClass('selected');
});
</script>

我希望这是您要寻找的。

Answer 2

您不能从另一个HTML文件引用样式。

您应该将样式写入.css文件，并将该文件包含在要在其中使用的每个页面的<head>元素中。

<head>
    <link rel="stylesheet" type="text/css" href="path_to_css_file.css" />
</head>

如何使用JQuery引用单独的html文件的ID？

问题描述

2 个解决方案

解决方案1
0 2017-09-12 00:43:41

解决方案2
0 2017-09-12 05:01:42

如何使用JQuery引用单独的html文件的ID？

问题描述

2 个解决方案

解决方案1 0 2017-09-12 00:43:41

解决方案2 0 2017-09-12 05:01:42

解决方案1
0 2017-09-12 00:43:41

解决方案2
0 2017-09-12 05:01:42