样式关闭后,模式关闭按钮将不会单击

时间:2018-10-12 15:47:29

标签: javascript html angularjs bootstrap-modal

我试图将一个简单的关闭按钮添加到模式窗口,只要我不设置关闭按钮的样式即可。问题是,我需要对其进行样式设置。

我知道这个问题的变体已经出现,但是这里讨论的按钮不仅在页面HTML中。这是在工厂中创建的简单模式窗口。它具有以下配置设置:

    var modalScope = $rootScope.$new();
    var confirmationModalSetup = {
        templateUrl: 'views/ui-framework/confirmation-modal.html',
        controller: 'ConfirmationModalCtrl',
        keyboard: false,
        backdrop: 'static',
        scope: modalScope
    };

我不确定他们为什么要使用rootScope,但事实就是如此,我觉得范围还可以,因为只要我不设置按钮样式就可以调用ng-click函数。我曾想过向它添加一个侦听器,但是当我尝试在控制器中这样做时,它总是在模态存在之前被调用,因此按钮元素尚不存在,无法将其应用于侦听器。

这似乎应该是很普通的事情,所以我确定我缺少简单的东西-有任何想法吗?

1 个答案:

答案 0 :(得分:0)

好了,经过一番修补后,我明白了。通过将这些条目添加到CSS样式中,似乎唤醒了按钮:

position:相对; z-index:100;