Question

这可能很简单但是没有正确的方法来解决这个问题，所以请耐心等待我这个新手问题。我有这个结构：

...
...
<script type="text/javascript" src="js/slideShow.js"></script>
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/content_switch.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/forms.js"></script>
<script type="text/javascript" src="js/bgStretch.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/cScroll.js"></script>
<script type="text/javascript" src="js/jcarousellite.js"></script>
<script src="js/googleMap.js" type="text/javascript"></script>
...
...
    <article id="content" name="content"><div class="ic"></div>
        <ul>

            <!-- about -->
            <li id="page_About" name="page_About">
            <div class="pad">
                <a href="#close" class="close"><span></span></a>
                <div class="wrapper">
                    <div class="col1">
                        <h2>Welcome</h2>
                        <div class="wrapper">
                            <figure class="left marg_right1"><img src="images/mission.jpg" alt=""></figure>
                            <p align="justify" class="pad_bot1"><a href="http://www.com.com/" target="_blank" class="link1"></p>
                            <p align="justify" class="pad_top1"></p>
                        </div>
                        <ul id="icons">
                        </ul>
                    </div>
                    <div class="col1 pad_left1">
                        <h2>What</h2>
                        <div class="relative">
                            <div class="scroll">
                                <p align="justify" class="pad_bot1"></p>
                                <ul class="list1 pad_bot1">
                                    <li><a href="#!/page_Services">some</a></li>
                                </ul>
                                <p align="justify" class="pad_bot1"></p>
                                <ul class="list1 pad_bot1">                                     
                                </ul>
                                <p align="justify" class="pad_bot1"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </li>
            <!-- about end -->

            <!-- services -->
            <li id="page_Services">
            <div class="pad">
                <a href="#close" class="close"><span></span></a>
                <div class="wrapper">
                    <h2>Our</h2>
                    <div class="relative">
                        <div class="scroll1">
                            <!--some-->
                            <figure class="left marg_right1"><img src="images/some.jpg" alt=""></figure>
                            <ul class="list1">
                                <li id="some">Some</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            </li>       
            <!-- services end -->
</ul>
        </article>

问题来自id =“some”，我需要点击page_About的“some”（即<a href="#!/page_Services">some</a>），然后转到“Some”部分（即{{1} }）。我直接尝试id="some"，但它没有发生任何事情。我认为这是因为我将所有这些部分都放在一个HTML文件中。

非常欢迎对此表示支持，谢谢，

编辑1：

感谢回复和回答，我很感激。但是，如果我   使用#some没有任何事情发生，事实上，如果我使用也不会发生任何事情   #some代替#!page_Services。所以，#!/page_Services应该是   造成这个问题？ /也没有任何结果。知道为什么吗？

Answer 1

'＃！/ ...'片段可能由onhashchange事件触发的函数使用。某些网站使用它来防止在异步加载数据时重页加载。

如果您想要导航到具有属性

的标记，那么您是对的

id="some"

然后您需要将锚标记上的href设置为：

href="#some"

Answer 2

对于页内链接，您需要将链接的href设置为#，然后是要跳转到的元素的ID。

在您的示例中，<a href="#!/page_Services">some</a>应为<a href="#some">some</a>。

ID选择器不会产生选择

2 个答案: