React中的Js文件中的mouseenter事件无效问题
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>
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不运行。
请问高手这个问题怎么解决。
在线等待。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
React标题开头,问题里你的React呢?