如何禁用手风琴组*我打开它之后?(How can I disable an accordion-gr

2019-10-23 07:07发布

所以,因为我无法得到答案在这里我的问题: 我如何打开一个手风琴组,当我点击关闭另一个手风琴组? - 也许这是不可能的?

我一直在努力工作,四处至少达到那种我想要做的。

这里是我的手风琴:

<button class="panel accBtn" ng-click="status.isFirstOpen = !status.isFirstOpen;runThat()">Buildings<span class="caret"></span></button>
        <accordion class="m3Details">
            <accordion-group is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
              <accordion-heading><span class="noQuery">Building<span class="caret"></span></span></accordion-heading>

                <li ng-repeat="y in m3Info" class="{{y.linkclass}}" ng-if="!y.offsite" ><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>


            </accordion-group>

            <accordion-group>
              <accordion-heading><span ng-click="runThis()">Offsites<span class="caret"></span></span></accordion-heading>
              <li ng-repeat="y in m3Info" class="{{y.linkclass}}" ng-if="y.offsite"><a href="{{y.link}}" ng-click="clickLinks(y.initialOut,y.initialIn,y.backIn,y.backOut,y.name)"><img src="{{y.icon}}" width="15px" height="15px">{{y.name}}</a></li>

            </accordion-group>

        </accordion>

第一手风琴组开出禁用,这是不必要的,因为确实我也有与类标题文本无形反正noQuery 。 然后,当我点击“海水处理”,该组打开封闭的“建筑”名单。 理想情况下,我想“建筑”,再次打开当我关闭“海水处理”,但因为这似乎并不容易可行的我已经解决了有几个ng-click提供不同的功能。

    $scope.runThis = function(){
        $('.accBtn').css('display','block');
        $scope.status.isFirstDisabled;
    };

    $scope.runThat = function(){
        $('.accBtn').css('display','none');
    }

当“海水处理”被点击,然后在“建筑”出现“建筑”文本时,“建筑”点击消失。 我还是想一组常开,所以我想禁用能够点击“海水处理”时,它是开放的,这样,当它出现时,用户只能按“建筑”。

但是,我怎么会去编程禁用手风琴被点击的标题是什么时候? 或者,也许它会在一些有约束力的方式进行?

Answer 1:

首先,采用了棱角分明的时候从jQuery的走就走! 你的问题是与刚刚角度肯定可以解决的。

其次,我假设你正在使用的用户界面,引导,因为你正在使用的手风琴指令?

如果我理解正确的话,你想只有一个组同时启动,所以你只能点击是不开放的,基本上切换组的组。 我建立了一个简单的plunker做这个。 你必须使用is-disabled的属性accordion-group指令和切换一些布尔与ng-click做到这一点。



文章来源: How can I disable an accordion-group *after* I open it?