gpt4 book ai didi

jquery - Angular mouseenter 在 Chrome 中不起作用

转载 作者:行者123 更新时间:2023-12-01 01:33:22 28 4
gpt4 key购买 nike

我正在用 Angular 编写我的第一个应用程序,并且遇到了 mouseenter 事件的问题。它在 Chrome 中根本不起作用。首先,我以为我的代码中有错误,但我在 Firefox 中检查了它,一切正常。我决定使用 jsfiddle 中的 mouseenter 测试一些代码,它看起来是一样的 - 在 Firefox 上可以,在 chrome 上不行 - 在 li 上的 mouseenter 之后,没有任何反应。

测试代码:

<!DOCTYPE html>
<html ng-app="my-app">
<head>
<meta charset="utf-8" />
<style>
/* Put your css in here */
button {
position: relative;
float:right;
top:-40px;
right:0;
}
li {
background: #eee;
padding: 5px;
list-style:none;
width: 200px;
}
</style>
<script src="angular.js"></script>
<script>
var app = angular.module('my-app', [], function () {
})
app.controller('AppController', function ($scope) {
$scope.name = 'World';
})
</script>
</head>

<body ng-controller="AppController">
<p>Hello {{name}}!</p>
<ul>
<li ng-mouseenter="showXBtn = true;
test($event)" ng-mouseleave="showXBtn = false;
test($event)">
<p ng-mouseenter="showXBtn = false;" ng-mouseleave="showXBtn = true;
test($event)">Hide</p>
<button ng-show="showXBtn"><span>x</span></button>
</li>
</ul>
{{showXBtn}}
</body>
</html>

我使用 AngularJS v1.2.5。这是官方报告的错误吗?或者也许我的chrome出了问题..我有最新版本38.0.2125.111 m。感谢您的任何建议。

最佳答案

我在 Chrome 上遇到了类似的问题,最终将该问题追溯到特定的 Chrome 扩展程序(对我来说,它是 AngularJS Batarang 扩展程序)。

如果您有任何 javascript 分析扩展,添加到页面的速度缓慢有时会导致事件(特别是 mouseenter 和 mouseleave 事件)出现异常行为。

关于jquery - Angular mouseenter 在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26735514/

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