React中的Js文件中的mouseenter事件无效问题

DifferentSeasons_Y 发布于 2016/12/23 10:54
阅读 465
收藏 0

HTML:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>TEST</title>

		<!-- 基础样式文件 开始 -->
		<link href="css/base.css" rel="stylesheet" type="text/css">
		<link href="css/index.css" rel="stylesheet" type="text/css">
		<!-- 基础JS文件 开始 -->
		<script type="text/javascript" src="framework/react-15.3.1.min.js"></script>
		<script type="text/javascript" src="framework/react-dom-15.3.1.min.js"></script>
		<script type="text/javascript" src="framework/browser.min.js"></script>
		<script type="text/javascript" src="framework/jquery-1.11.3.min.js"></script>

		<script type="text/javascript" src="js/base.js"></script>
		<!--<script type="text/javascript" src="framework/lb.js"></script>-->
		<!--<script type="text/javascript" src="js/index.js"></script>-->
		<!--<script type="text/javascript" src="js/scroll.js"></script>-->

		<script type="text/babel" src="jsx/index/logo.jsx"></script>
		<script type="text/babel" src="jsx/index/banner.jsx"></script>
		<!--<script type="text/babel" src="jsx/index/main.jsx"></script>-->
		<script type="text/babel" src="jsx/index/copyright.jsx"></script>
		<!-- 基础样式文件结束 -->
	

	</head>

	<body>
		<!-- logo -->
		<div id="logo"></div>
		<!-- banner -->
		<div id="banner"></div>
		<!-- main -->
		<!--<div id="main"></div>-->
		<!-- copyright -->
		<div id="copyright"></div>
	</body>

</html>



我的banner中插入了React的组件,这个组件有一个Jquery的效果鼠标移入,菜单显示二级菜单。如图:

base.js代码为正确有效的代码,此项目是从一个已经完成的无问题的项目中迁移到React项目的:

//下拉菜单
	$(".banner .father li").mouseenter(function(){
		alert(11);
		var num = $(this).index();
		var nums = $(".banner .father .father_li").length;

		$(this).find(".children").show();
		$(this).css("background-color","#00479f").css("margin-left","-1px");
		$(this).find(".father_a").css("border-right","1px solid #00479f").css("font-weight","600");
	});
	$(".banner .father li").mouseleave(function(){
		var num = $(this).index();
		var nums = $(".banner .father .father_li").length;
		
		$(this).find(".children").hide();
		$(this).css("background-color","transparent").css("margin-left","0px");
		$(this).find(".father_a").css("border-right","1px solid #FFF").css("font-weight","100");
	});

让我困惑的是,迁移过来后,一切都没有问题,唯独这个Jqeury的二级菜单的特效出不来,我在mouseenter方法中加入alert,测试后,alert不运行。

请问高手这个问题怎么解决。

在线等待。

加载中
0
DifferentSeasons_Y
DifferentSeasons_Y
再这样,我真的要换社区了,开源怎么现在人才都流失了么,还是我问的问题太猪了呢!!!
0
张亦俊
张亦俊
React标题开头,问题里你的React呢?
返回顶部
顶部