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引用的[已选择]类。上面的代码适用于index.html，但不适用于bio.html。

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

如何引用单独的HTML的ID？

Answer 1

我再说一遍，我很抱歉没有理解你的问题，尽管你最初说得很清楚。

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

#navbar {
  float: right;
  width: 24%;
  background-color: white;
}
#textImg {
  width:30%;
  max-width: 40px;
  height:auto;
  margin-left: 20px;
  float: left;
}

#textText {
  margin-left: 10px;
  float: left;
  color: #7F7F7F;
}

我希望这是你正在寻找的。

Answer 2

您无法从其他html文件中引用样式。

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

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

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

2 个答案: