Question

我正在尝试使用此代码，但点击<div class="list-group"> <a class="list-group-item" href="#picture" data-toggle="tab">Picture</a> <a class="list-group-item" href="#home" data-toggle="tab">Profile</a> </div> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade" id="picture"> <h1>Picture</h1> </div> <div class="tab-pane fade" id="home"> <h1>Profile</h1> </div> </div>时，代码名称并未显示在网址上。我的朋友告诉我要分开文件，但我不想。无论如何要解决这个问题或者你可以建议我这样的提示吗？我找到了这个，但它与我的How do I link to part of a page? (hash?)

完全不同

＆＃13;

find_elements_by_id

＆＃13;

P.S。它的Bootstrap

Answer 1

锚标记Hash tag(#)中的

(<a>)用于向下滚动到该div，如果它们位于同一页面上。试试这个例子，当你点击它时滚动到下面的div。

<div class="list-group">
    <a class="list-group-item" href="#picture" data-toggle="tab">Picture</a>
    <a class="list-group-item" href="#home" data-toggle="tab">Profile</a>
</div>

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade" id="picture">
        <h1>Picture</h1>
    </div>
    <div class="tab-pane fade" id="home">
        <h1>Profile</h1>
    </div>
</div>

body{
  height:1200px;
}

#picture{
  height:600px;
  background:#f22;
}
#home{
 height:600px;
  background:#ccc;
  }

Answer 2

阅读评论后，您似乎有一个.php文件并且没有启动localhost.change您的扩展名为.html或者在localhost上使用它

Answer 3

您不会看到锚点效果，因为您的网站内容不多，因此没有溢出。您可以通过调整浏览器窗口大小来查看所需的效果，以使某个内容不适合。然后，当您测试链接时，您将看到所需的结果。或者你可以添加一些CSS来使页面不适合浏览器窗口，只是为了看到这样的效果:(你也可以测试它的全尺寸）

require()

div#myTabContent{
  position: absolute;
  height: 120%;
  border: 1px solid #ebebeb;
}

它不是最好的例子，但它表明你的代码是正确的。希望这有助于

Answer 4

要获得预期结果，请使用带有location.href的onclick函数来显示标记名称

  SELECT
       year_added,
       COUNT(case when gender='Male' then 1 end) as malecount,
       COUNT(case when gender='Female' then 1 end) as femalecount,
       COUNT(*) as totalcount
  FROM tbl
  WHERE status = 1
  GROUP BY year_added

在页面上链接但#name没有在URL上显示

4 个答案: