$(function () { var chooseModule = {}; $(".youhua").each(function (index, ele) { this.index = index; $(ele).click(function () { $(".underline").css("display", "none").eq(this.index).css("display", "block"); }) }); function choose($target) { var targetCheckBox = $target.children(":checkbox"); var id = targetCheckBox.prop("id"); var $cloneModule = $target.clone(); var hasId = chooseModule[id]; if (hasId !== true) { chooseModule[id] = true; $cloneModule.appendTo(".chosen"); $cloneModule.children(":checkbox").on("click", function() { var id = $(this).prop("id"); chooseModule[id] = undefined; $cloneModule.remove(); $("div.module[data-id='" + id + "']").show(); targetCheckBox.prop("checked", false); }); } $target.hide(); } var waterFallHandle = $("#water-fall").waterFall({ url: "/test", pageSize: 10, formatHtml: function (dataJson) { var $div_module = $('