好的,所以在 php 标签中我有这个:
<?php
echo "<ul>";
echo "<li id='lis'> WELCOME ".$_SESSION['username']."!<ul><li><a href='#'>link1</a></li></ul></li>";
echo "<ul>";
?>
我正在努力让它在悬停时显示 link1。所以我正在使用 jquery,我的代码是:
</style>
<script type="text/javascript"src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('li').hover(function(){
$(this).find('ul>li').fadeToggle(400);
});
});
我不知道该怎么做才能解决这个问题,请帮忙!如果您对如何修复代码有任何建议,请在下方留下,我将不胜感激。
这里是整个事情:
<html>
<head>
<title></title>
<style type="text/css">
ul{
margin:0;
padding:0;
list-style: none;
float: right;
}
ul li{
float: left;
width: 150px;
height: 30px;
line-height: 30px;
}
ul li a{
background-color: cyan;
color: white;
text-decoration: none;
}
ul li li {
color:#fff;
display: none;
}
ul li{
text-decoration: none;
color: #fff;
}
.top{
position: static;
right: 0;
top: 0px;
}
</style>
<script type="text/javascript"src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('li').hover(function(){
$(this).find('ul>li').fadeToggle(400);
});
});
</script>
</head>
<body>
<?php
echo "<ul>";
echo "<li id='lis'> WELCOME ".$_SESSION['username']."!<ul><li><a href='#'>hello</a></li></ul></li>";
echo "<ul>";
?>
</body>
</html>
名为 welcome.php 我有另一个名为 index.php 的文件,我将其包含到我的 php 中。
最佳答案
隐藏包含链接的 li
,然后切换它。
$(document).ready(function() {
$('#lis').hover(function() {
$(this).find('ul>li').fadeToggle(400);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<ul>
<li id='lis'>WELCOME ".$_SESSION['username']."!
<ul>
<li style="display:none;"><a href='#'>link1</a>
</li>
</ul>
</li>
</ul>
关于javascript - jquery $(this).find 不适合我,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35905932/