jQuery 克隆和 select2 事件

Question

我创建了两个隐藏字段，我在其中添加数组以进行下拉。 select2 数组取决于第一个 select2。因此，当我在第一个 select2 中进行选择时，我将调用 select2 事件来过滤另一个 select2。

所有这些都正常工作。但我克隆也一样。但我不知道如何克隆 select2 的事件。我也无法过滤。有人可以帮忙

我的示例代码 我的jsbinhttps://jsbin.com/monusupuni/edit?html,js,output

<div class="midcontainer pad20">
    <div class="content-area fullWidth whiteBg">
        <div class="pad15">
            <div class="flightRows">
                <div class="row flightRow">
                    <p><strong><span id="lbFlight">Flight 1</span></strong></p>
                    <div class="depCol1">
                        <label for="seldcity1" id="lbDeptCity"></label><br>
                        <input type="hidden" id="seldcity1" name="seldcity1" class="styled wth190 seldcity" />
                    </div>
                    <div class="depCol2">
                        <label for="selacity1" id="lbArrivalCity"></label><br>
                        <input type="hidden" id="selacity1" name="selacity1" style="width: 210px;" class="styled wth190 selacity" />
                    </div>
                    <div class="depCol1">
                        <label for="selddate1" id="lbDeptDate"></label><br />
                        <input name="selddate1" type="text" id="selddate1" autocomplete="off" class="datepicker calIcon">
                    </div>
                    <div class="searchBtnHolder"><a href="#" class="addFlightBtn">Add another Flight</a></div>
                    <div class="clear"></div>
                    <hr />
                </div>
            </div>
        </div>

Answer 1

我不确定你的确切愿望。不过，您是否知道 jQuery clone() 方法需要 2 个参数：withDataAndEvent 和 deepWithDataAndEvent。

所以当你使用 .clone() 时，它只会克隆元素，而不是与之关联的事件。您需要使用 .clone(true,true) 复制所有附加的事件。

http://api.jquery.com/clone/