Javascript ng点击不';t处理不透明度为1的对象;
我有一个Javascript ng点击不';t处理不透明度为1的对象;,javascript,css,angularjs,modal-dialog,Javascript,Css,Angularjs,Modal Dialog,我有一个Angular项目,我试图为登录创建一个模式对话框窗口 但是,my modal中的ng click元素不会触发调用。所有在我的模态之外的模态都像它们应该的那样工作 这怎么可能 app.css .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; backgrou
Angular
项目,我试图为登录创建一个模式对话框窗口
但是,my modal中的ng click
元素不会触发调用。所有在我的模态之外的模态都像它们应该的那样工作
这怎么可能
app.css
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 50%;
min-height: 50%;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #F5F5F0);
background: -webkit-linear-gradient(#fff, #F5F5F0);
background: -o-linear-gradient(#fff, #F5F5F0);
}
'use strict';
angular.module('lunorthApp')
.controller('NavbarCtrl', function ($scope, $location, Auth, $window) {
...
$scope.hello = function(){
console.log('hello');
};
...
});
navbar.html
<div class="navigationbar" ng-controller="NavbarCtrl">
...
<a href="#loginModal" ng-click="hello()"></a> <!-- Works like a charm -->
...
<div id="loginModal" class="modalDialog">
<div>
<div class="col-sm-12">
<form>
<div>
<button class="btn btn-inverse btn-lg btn-login" ng-click="hello()">
Login
</button> <!-- works like shite in high heels -->
</div>
</form>
</div>
</div>
</div>
</div>
为了让你们玩^^游戏,问题实际上来自于你们的CSS:
pointer-events: none;
事件不会在div中触发,因此不会触发按钮上的单击事件
我已经创建了一个用于比较有无指针事件:无代码>属性。您是否有可能创建一个小提琴来演示该问题?这是您完全正确的问题,谢谢^^^但是如果我删除指针事件:无代码>其他按钮在我的网站上不起作用。有什么建议吗?我已经更新了JSFIDLE。您只需强制按钮的CSS为:指针事件:auto代码>事件将被触发:)我看不到FiddlePerror Erazihel中有任何区别。我不得不删除正确答案
,因为我无法解决我的问题,即使在摆弄了你的解决方案很长时间之后。我想你是对的,不过,我似乎无法让它发挥作用。我加了一把小提琴,以便你们可以直接告诉我哪个值应该在哪里。希望没事^^