可嵌套树在使用 <script> </script> 的模式 ui- bootstrap 中不起作用

Question

我尝试在模态 Nestable ui- bootstrap 中显示一棵树，但是 select - + 不会弹出并且在注入到到 ui 模态 -bootstrap ( jquery.nestable.js ) 我该如何解决这个问题！

<script type="text/ng-template" id="myModalContent.html">
    <div class="dd" id="nestable">
        <ol class="dd-list">
            <li class="dd-item" class="dd-item" data-id="1">
                <div class="dd-handle">Entretien</div>
                <ol class="dd-list">
                    <li class="dd-item" data-id="1">
                        <div class="dd-handle"  ng-click="setSelectedSegment(valSegment)">Lessives</div>
                    </li>
                    <li class="dd-item" data-id="1">
                        <div class="dd-handle"  ng-click="setSelectedSegment(valSegment)">FFI</div>
                    </li>
                    <li class="dd-item" data-id="1"> <div class="dd-handle"  ng-click="setSelectedSegment(valSegment)">HDW</div></li>
                    <li class="dd-item" data-id="1"> <div class="dd-handle"  ng-click="setSelectedSegment(valSegment)">ADW</div></li>
                    <li class="dd-item" data-id="1"> <div class="dd-handle"  ng-click="setSelectedSegment(valSegment)">Produits WC</div></li>
                </ol>
            </li>
        </ol>
    </div>
</script>
<button  class="safe btn btn-default btn-white btn-segmentation" ng-click="open()">{{ selectedTree ? selectedTree : 'Segmentation' }}</button>

Answer 1

我大部分时间看到的是，当事件未在模态 window 中正确触发时，这是因为模态正在创建需要按顺序出现在 pageload 上的元素正确绑定。一种简单的修复方法是在触发模式时触发 nestable.js，而不是在初始页面加载时触发。当然，有很多方法可以解决这个问题，但这往往是一个相当快速和简单的解决方法。

$('#modal-ID').on('show.bs.modal', function (e) {
  $('.dd').nestable();
})

可嵌套树在使用 <script> </script> 的模式 ui- bootstrap 中不起作用

Nestable tree does not work in a modal ui- bootstrap using the < script> < / script>

html

jquery

modal-dialog

twitter-bootstrap

angularjs