为什么我的topnavigation将被询问的页面放在当前页面下?

时间:2015-02-09 13:11:07

标签: javascript html css

如果我单击顶部导航栏上的链接(a-tag),我会收到询问     当前页面下的页面...即使我放了绝对链接。

我尝试在外部js文件的滑块中进行导航。滑块工作正常,但如果使用滑块,之后你想要一个顶部导航栏中的页面,链接可以工作,但它不是给出一个新的屏幕,而是将页面放在当前页面下。

<link href="http://fonts.googleapis.com/css family=Source+Sans+Pro:700|Dosis:400,600" rel="stylesheet" type="text/css"/>
<link href="styles/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="shortcut icon" href="../gdigit_icon.png"/>  

<script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<script type='text/javascript' src='scripts/respond.min.js'></script>
<script src="scripts/steps.js"></script>

</head>

<body id="dienstenpage" onload="design()">
<div id="wrapper"  >

        <div id="topnav" >
                    <ul>
                        <li><a href="index.html" title="Welkom  e">WELKOM</a></li>
                        <li><a href="diensten.html"  title="de diensten  " class="currentLink">DIENSTEN</a></li>
                        <li><a href="contact.html"  title=" contacteren    >CONTACT</a></li>
                        <li><a href="referenties.html" title="Algemene voorwaarden  >REFERENTIES</a></li>
                    </ul>
         </div>

    <!-- "content" -->
    <div id="content" >


            <h2>webdesign stappenplan</h2>



        <ul id = "issues">
                <li>
                    <h1>Plan</h1>
                    <p>tekst</p>
                    <p>tekst</p>
                    <p>&nbsp;</p>
                    <a class="next" href="#">next</a>
                </li>
                <li>
                    <h1>Design</h1>
                    <p>tekst</p><p>&nbsp;</p>
                    <a class="next" href="#">next</a><a class="previous" href="#">prev</a>
                </li>
                <li>
                    <h1>Build</h1>
                    <p>tekst.</p><p>&nbsp;</p>
                    <a class="next" href="#">next</a><a class="previous" href="#">prev</a>
                </li>
                <li>
                    <h1>Refine</h1>
                    <p>Atekst.</p><p>&nbsp;</p>
                    <a class="next" href="#">next</a><a class="previous" href="#">prev</a>
                </li>  
                <li>
                    <h1>Launch</h1>
                    <p>Wtekst</p><p>&nbsp;</p>
                    <a class="previous" href="#">prev</a>  
                </li>  
            </ul>

0 个答案:

没有答案