Jquery下拉列表，图像不为'；不显示_Jquery

Jquery下拉列表，图像不为'；不显示

jquery

Jquery下拉列表，图像不为'；不显示,jquery,Jquery,我正在使用，它显示下拉列表没有问题，但当我将下拉列表包含到隐藏的div（稍后将添加回去）时，下拉列表无法正常工作当你可以点击“请选择颜色”时，它不会出现问题，但当你“添加更多图像”并点击另一个“请选择颜色”时，下拉列表无法下拉请让我知道我做错了什么 <!doctype html> <head> <link rel="stylesheet" href="dd.css" /> <script src="jquery-1.7.1.min.js">

我正在使用，它显示下拉列表没有问题，但当我将下拉列表包含到隐藏的div（稍后将添加回去）时，下拉列表无法正常工作

当你可以点击“请选择颜色”时，它不会出现问题，但当你“添加更多图像”并点击另一个“请选择颜色”时，下拉列表无法下拉

请让我知道我做错了什么

<!doctype html>
<head>
 <link rel="stylesheet" href="dd.css" />
 <script src="jquery-1.7.1.min.js"></script>
 <script src="jquery.dd.min.js"></script>

<script>
$(document).ready(function(){
 $(".colormenu").msDropDown();

 var spotMax = 4;
 if($('.spot').size() >= spotMax) { $(obj).hide(); }

 $("#add").click(function(){ addSpot(this, spotMax); });
});

function addSpot(obj, sm) {
    var num = eval($('.spot').size()) + 1;
    var upload_area = $('#upload_area').html();

    $('#spots').append('<div class="spot">'+upload_area+'</div>').find(".remove").click(function(){
        $(this).parent().remove();
        $('#add').show();
    });

    if($('.spot').size() >= sm) {
        $(obj).hide();
    }
}
</script>    
</head>
<body>

<div id="spots">
 <div>
  <input type="file" name="pic[]" />
  <select name="color_id[]" class="colormenu" width="150" style="width:150px"  >
  <option value="0">Please choose color</option>
   <option value="14" data-image="/img/color-code/14.jpg">Gold</option>
   <option value="15" data-image="/img/color-code/15.jpg">Beige</option>
   <option value="138" data-image="/img/color-code/138.jpg">Rose Gold</option>
  </select>
 </div> 


 <div id="upload_area" style="display:none;">
  <div style="height:8px;">&nbsp;</div>

  <input type="file" name="pic[]" />
  <select name="color_id[]" class="colormenu" width="150" style="width:150px">
  <option value="0">Please choose color</option>
   <option value="14" data-image="/img/color-code/14.jpg">Gold</option>
   <option value="15" data-image="/img/color-code/15.jpg">Beige</option>
  </select> <a style="cursor:pointer;" class="remove">Remove this image</a>

 </div>

 <input type="button" name="add" id="add" value="Add more Image" />
</div>


$（文档）.ready（函数（）{
$（“.colormenu”）.msDropDown（）；
var-spotMax=4；
如果（$（'.spot'）.size（）>=spotMax）{$（obj.hide（）；}
$（“#添加”）。单击（函数（）{addSpot（this，spotMax）；}）；
});
功能添加点（obj、sm）{
var num=eval（$（'.spot'）.size（））+1；
var upload_area=$（'#upload_area'）.html（）；
$（'#spots'）。追加（'+upload_area+''）。查找（'.remove'）。单击（函数（）{
$（this.parent（）.remove（）；
$（'#add'）.show（）；
});
如果（$（'.spot'）.size（）>=sm）{
$（obj.hide（）；
}
}
请选择颜色
黄金
米色
玫瑰金
请选择颜色
黄金
米色
删除此图像

仅在可见元素上尝试添加

msdropdown

；然后，当您显示项目时，再次连接插件

代码：

$（文档）.ready（函数（）{
$（“.colormenu:可见”）.msDropDown（）；
var-spotMax=4；
如果（$（'.spot'）.size（）>=spotMax）{
$（obj.hide（）；
}
$（“#添加”）。单击（函数（）{
addSpot（这个，spotMax）；
});
});
功能添加点（obj、sm）{
var num=eval（$（'.spot'）.size（））+1；
var upload_area=$（'#upload_area'）.html（）；
$（'#spots'）。追加（'+upload_area+''）。查找（'.remove'）。单击（函数（）{
$（this.parent（）.remove（）；
$（'#add'）.show（）；
});
如果（$（'.spot'）.size（）>=sm）{
$（obj.hide（）；
}
$（“.colormenu:可见”）.msDropDown（）；
}

演示：

这是您正在加载的实际页面吗？您可以为此创建一个JSFIDLE吗？

$(document).ready(function () {
    $(".colormenu:visible").msDropDown();

    var spotMax = 4;
    if ($('.spot').size() >= spotMax) {
        $(obj).hide();
    }

    $("#add").click(function () {
        addSpot(this, spotMax);
    });
});

function addSpot(obj, sm) {
    var num = eval($('.spot').size()) + 1;
    var upload_area = $('#upload_area').html();

    $('#spots').append('<div class="spot">' + upload_area + '</div>').find(".remove").click(function () {
        $(this).parent().remove();
        $('#add').show();
    });

    if ($('.spot').size() >= sm) {
        $(obj).hide();
    }

     $(".colormenu:visible").msDropDown();
}