Question

我使用了Jquery UI选择菜单小部件（http://jsfiddle.net/fnagel/GXtpC/），以便在带有长文本的下拉列表的选项中包装文本。

在这些选择列表之后有一个按钮。单击按钮时，div 包括这些选择列表和一些其他字段被克隆。在克隆的div中，不显示选择选项，下拉列表也不会打开。

我想当click事件被触发时，它不会触发该元素上的任何事件，我需要您对如何手动构建集成的支持。

以下是按钮点击事件的JQuery代码：

$(function() {
   var result = $('#content'); 
   $('#add').on('click', function () {
      var original = $('#full');
      var copy = original.clone();
      copy.val(original.val());
      result.empty().append(copy);
   });
});

以下是HTML代码的一部分：

<div id="full">
    <label for="select1" tabindex="0">Select1:</label><br><br>
    <select name="select1" id="select1" >
        <option value="0" selected>Select from the list</option>
        <option value="1">Option 1:Long text is included......</option>
        <option value="2">Option 2:Long text is included......</option>
        <option value="3">Option 3:Long text is included.....</option>
    </select><br><br>

    <label for="select2" tabindex="0">Select2:</label><br><br>
    <select name="select2" id="select2">
        <option value="0" selected>Select from the list</option>
        <option value="1">Option 1:Long text is included......</option>
        <option value="2">Option 1:Long text is included......</option>
        <option value="3">Option 1:Long text is included......</option>
    </select><br><br>       
</div>  
<div id="content"></div>
<input type="button" id="add" value="Add" /><br><br>

由于

在JQuery UI中克隆包含选择列表的<div> selctmenu不会克隆事件处理程序

0 个答案: