jquery - ui.bootstrap Accordion 容器宽度问题

Question

THIS PLUNKER REFERS

我在 ui.bootstrap Accordion 中使用 ng-Grid 时遇到问题。查看我的 Plunker 以了解该问题的实际情况。

本质上，当将网格放置在 Accordion 内部且子 Accordion 组在初始页面加载时关闭时，网格的宽度被分配为零并且不会显示。

任何人都可以通过调整 CSS 类或捕获 Accordion 组事件并重新渲染网格来指出解决此问题的方向吗？我一直在绕这个圈子!

编辑:抱歉，Plunker 现已公开!

Answer 1

嗯，这很奇怪，因为它在 Firefox 上运行得很好，但在 chrome 上却不行。

通过在css中将gridStyle设置为100%的宽度，表格显示出来，但宽度为150px，这更奇怪。

然后我注意到，一旦调整窗口大小，宽度就会调整。这让我找到了这个(黑客式)解决方案:

向脚本中添加一个 Controller ，其中包含触发强制调整大小的函数。

    function myCtrl ($scope){
    $scope.resizer=function(){
      $(window).trigger('resize');
    }

添加 Controller 以及对折叠标签中所述函数的点击和调用。

<accordion ng-controller='myCtrl' ng-click="resizer()">

这适用于 Firefox 和 Chrome。 Plunker is here

当然，这更像是一种解决方法，而不是答案，并且尚未在其他浏览器上进行彻底测试，但也许它对您有一点帮助。