Gridstack JS嵌套网格可点击图标

Question

是否需要任何选项，以便嵌套网格中的图标可以点击？

我在父网格上有一个图标并且工作正常，但是当涉及到嵌套网格中的图标时，没有任何反应。

<div class="grid-stack parent-grid">

    <div class="grid-stack-item wid-item" data-gs-x="0" data-gs-y="0" data-gs-no-move="true">
        <div class="grid-stack-item-content wid-item-content">

            <div class="widget-container">
                <div class="widget-title">
                    <span id="wid-title">WIDGET TITLE</span>
                    <span class="widget-icon icon-enlarge"></span>
                    <span class="widget-icon icon-bin"></span>
                </div>
                <div class="widget-body">

                    <div class="grid-stack widget-component">
                        <div class='grid-stack-item wid-component-item'>
                            <div class='grid-stack-item-content'>
                                <div class='widget-title'>
                                    <span class='widget-icon icon-bin'></span>
                                </div>
                                <div class='widget-body'>
                                    <label>Widget 1</label> <br />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(".icon-bin").click(function (e) {
        alert("ASD");
    });
</script>