jQuery .hover()不起作用

jQuery .hover() not working

本文关键字：不起作用 hover jQuery 更新时间：2023-09-26

我的问题是，正如标题所说。除了一艘，其他的都可以!

 $(".complete-wrapper-1").hide();
var panelHH = $(".file-select-wrapper").innerHeight;
$(".files-button").hover(function(){
    $(".complete-wrapper-1").show();
});
$(".complete-wrapper-1").hover(function(){
    $(".file-select-wrapper").stop(1).show().height(0).animate({height: panelHH},500);
}, function(){
    $(".file-select-wrapper").stop(1).animate({height: 0},500, function(){
        $(this).hide();  
    });
});

编辑:html。

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel = "stylesheet" href="osframe.css">
		<link type="text/css" rel = "stylesheet" href="appframe.class.css">
		<link type="text/css" rel = "stylesheet" href="icons.css">
		<link type="text/css" rel = "stylesheet" href="start-menu.css">
		<link type="text/css" rel = "stylesheet" href="menus.css">
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="jquery-ui.js"></script>
		<script type="text/javascript" src="anos_api_buttons.js"></script>
		<script type="text/javascript" src="applications.js"></script>
		<script type="text/javascript" src="game_api.js"></script>
		<script type="text/javascript" src="ApplicationLoader.js"></script>
        <script type="text/javascript" src="MultiPane.js"></script>
        <script type="text/javascript" src="front-end.js"></script>
        <script type="text/javascript" src="search.js"></script>
        <script type="text/javascript" src="jquery.easing.js"></script>
        <script type="text/javascript" src="jqueryFileTree.js"></script>
		<noscript>You browser does not support javascript of it may disabled.</noscript>
	</head>
    
    
	<body oncontextmenu="return false;">
		<div id = "frameAsWhole">
			<div class ="item-frame">
                <div class = "box1">
				    <div class = "infoPane">
				    </div>
				
                    <div class = "area-frame">
                        <div class = "desktop-box">
                            <div class = 'info-dropdown'></div>
                            <table class = "table">
                            </table>
                            <div class ="search-r-wrapper">
                                <div class = "search-part">
                                    Search
                                </div>
                                <div class = "recent-part">
                                    Recent Apps
                                </div>
                                <div class = "search-results">
                                </div>
                                <div class = "recent-results">
                                </div>
                                <div class = "downard-arrow"></div>
                            </div>
                            <div class = "file-select-wrapper">
                                <div class = "file-select">
                                    <div class = "folder-select-wrapper">
                                        <div class = "desktop-folder" class = "folder-icon fisize">
                                            <div class="folder-text-side folder-text-side-1">Desktop</div>
                                        </div>
                                    </div>
                                    <div class = "folder-select-wrapper">
                                        <div class = "documents-folder" class = "folder-icon fisize">
                                            <div class="folder-text-side folder-text-side-2">Documents</div>
                                        </div>
                                    </div>
                                   <div class = "folder-select-wrapper">
                                        <div class = "images-folder" class = "folder-icon fisize">
                                            <div class="folder-text-side folder-text-side-3">Images/Videos</div>
                                        </div>
                                    </div>
                                   <div class = "folder-select-wrapper">
                                        <div class = "music-folder" class = "folder-icon fisize">
                                            <div class="folder-text-side folder-text-side-4">Music</div>
                                        </div>
                                    </div>
                                    <div class = "folder-select-wrapper">
                                        <div class = "applications-folder" class = "folder-icon fisize">
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class = "downard-arrow"></div>
                            </div>
                            <div class = "complete-wrapper-1"></div>
                        </div>
                    </div>
                    <div class = "taskbar-wrap">
                        <div class = "taskbar">
                            <div class = "files-button">
                                
                            </div>
                            <table>
                                <tr class = "taskbar-items">
                                </tr>
                            </table>
                            <div class = "search-wrapper">
                                <input type="textarea" class ="search-bar">
                                </input>
                                <div class = "computer-search">
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
			</div>
		</div>
	</body>
</html>

不包括CSS第1行到第5行可以工作，但之后什么都不行。如果。complete-wrapper-1不是我想要的div，其余的工作。在…上工作什么好主意吗?

代码几乎可以工作，但不是100%。问题是与我的css代码中的z-index有关，并且阻止了鼠标的元素，因此它没有任何东西来运行事件。这有点像我用x光谷歌，试图用手抓住某人的心，显然是行不通的。