Question

关于导航栏 我有一个不在文档DOM中的导航栏。这使我很难在我的网站上的另一个地方稍微更改此导航栏，我想将其添加为HTML元素。但我试着去做，我几乎就在那里。因为它不在文档的DOM中，所以我没有源代码（只有一个巨大的jquery插件文件，其中包含许多与此导航栏无关的其他东西），所以我只是使用了浏览器＆＃39;开发人员工具。

问题 2件事不起作用：当你点击一个圆圈时，它应该在其中显示一个带有深红色＃800000的红色小圆圈。你可以在代码中找到它。它不会出现。问题2：导航栏链接到具有特定ID的元素，例如firstPage，secondPage等。但我在包含这些ID的元素的页面上测试了此栏，但是当您单击导航栏中的圆圈时，导航栏不会链接到这些元素。它不会将页面引导到这些元素的位置。

有没有人提出我错过或做错的提示？欢迎任何解决方案。如果是HTML / CSS / Jquery / Javascript则无关紧要。

仅限HTML：

<div class="left" id="fp-nav-ios">
        <ul>
            <li>
                <a class="" href="#firstPage"><span></span></a>
                <div class="fp-tooltip left">
                    Page 1
                </div>
            </li>
            <li>
                <a class="" href="#secondPage"><span></span></a>
                <div class="fp-tooltip left">
                    Page 2
                </div>
            </li>
            <li>
                <a class="" href="#3rdPage"><span></span></a>
                <div class="fp-tooltip left">
                    Page 3
                </div>
            </li>
            <li>
                <a class="" href="#page4"><span></span></a>
                <div class="fp-tooltip left">
                    Page 4
                </div>
            </li>
            <li style="display: block;">
                <a href="#page5"><span></span></a>
                <div class="fp-tooltip left">
                    Page 5
                </div>
            </li>
            <li>
                <a href="#page6"><span></span></a>
                <div class="fp-tooltip left">
                    Page 6
                </div>
            </li>
        </ul>
    </div>

Jsfiddle包括CSS：

https://jsfiddle.net/9d5wd6xm/

导航栏单击链接不起作用

0 个答案: