gpt4 book ai didi

jquery - anchor 标签表现怪异

转载 作者:行者123 更新时间:2023-11-28 05:44:11 26 4
gpt4 key购买 nike

我的 anchor 标记不工作,理想的 url 是 localhost/VShroff/home/about.php 但是 url 更改为 localhost/about.php 并且也没有重定向。很长一段时间以来,我一直在努力解决这个问题。

HTML 如下:

<html>
<head>
<meta name="generator"
content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
<title></title>
</head>
<body>
<div class="row" style="margin:10px;">
<div id="blocka" class="column col-md-6" style="padding:20px;width:150px;height:150px;background-color:#DA0A82">
<ul>
<li>
<a style="font-family:perpetua;font-size:16px;color:white;" href="about.php">About</a>
</li>
<li id="family" class="family" style="font-family:perpetua;font-size:16px;color:white;">Family</li>
<li id="ent" class="ent" style="font-family:perpetua;font-size:16px;color:white;">Enterprise</li>
<li style="font-family:perpetua;font-size:16px;color:white;">News &amp; Media</li>
<li style="font-family:perpetua;font-size:16px;color:white;">Resources</li>
</ul>
</div>
<div id="familyNav" class="familyNav column col-md-6"
style="margin-left:10px;padding:20px;width:150px;height:150px;background-color:#7D0651">
<ul>
<li style="font-family:perpetua;font-size:16px;color:white;">Timeline</li>
<li style="font-family:perpetua;font-size:16px;color:white;">Tree</li>
<li style="font-family:perpetua;font-size:16px;color:white;">Biographies</li>
</ul>
</div>
<div id="enterprise" class="enterprise column col-md-6"
style="margin-left:10px;padding:20px;width:150px;height:150px;background-color:#7D0651">
<ul>
<li style="font-family:perpetua;font-size:16px;color:white;">Parimal K. Shroff &amp; Co.</li>
<li style="font-family:perpetua;font-size:16px;color:white;">Sunways Group</li>
<li style="font-family:perpetua;font-size:16px;color:white;">Organograms</li>
<li style="font-family:perpetua;font-size:16px;color:white;">The Shroffice</li>
</ul>
</div>
</div>
</body>
</html>

我正在使用以下 Jquery 和 CSS:

<script>
$('.family').click(function () {
$('#enterprise').hide();
$('#familyNav').slideToggle('2000',"swing", function () {
// Animation complete.
});
});
$('.ent').click(function () {
$('#familyNav').hide();
$('#enterprise').slideToggle('2000',"swing", function () {
// Animation complete.
});
});
</script>

<style>
#blocka {
z-index: 100;
}
#familyNav {
display:none;
}
#family {
cursor:pointer;
}
#enterprise {
display: none;
}
#ent {
cursor: pointer;
}
</style>

编辑:当我将鼠标悬停在链接上时,它显示正确的 url (localhost/directories/about.php) 但是当我点击它时没有任何反应,但浏览器 url 更改为 localhost/about.php(页面没有重定向到 localhost/about.php)

最佳答案

如果您在 www 目录中有此 HTML,那么它将重定向到 localhost/about.php 。如果它出现在 www/shroff/home/ 中,那么它将相对重定向到 localhsot/shroff/home/about.php

关于jquery - anchor 标签表现怪异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37701943/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com