嗨，我有以下代码，一旦保存完成，我想关闭此叠加弹出窗口。 HTML部分显示了我拥有的html代码块，而Javascript块说明了我如何尝试调用此叠加层。
<javascript>
$(document).ready(function() {
var triggers = $(".modalInput").overlay({
closeOnClick: false
});
var weightedTemplateButtons = $("#addWeightsPopup button").click(function(e) {
var save = weightedTemplateButtons.index(this) === 0;
if (save) {
if (validateWeightedTemplate()) {
completeWeightedTemplate();
addNewWeightedTemplate();
/*this doesn't work*/
weightedTemplateButtons.overlay().close();
}
}
return e.preventDefault();
});
</javascript>
<html>
<button id="addButton" rel="#addWeightsPopup" onclick="addButton_onClick();" class="modalInput StdButton">Add</button>
<div id="addWeightsPopup" class="modal addWeights">
<span>Sample Text</span>
<div class="addWeightsButton">
<button class="StdButton stdButton" type="submit" id="weightedTemplateAddButton">Save</button>
<button class="close StdButton stdButton">Cancel</button>
</div>
</div>
</html>
最佳答案
您可以隐藏具有该div ID的弹出窗口，例如
$("#addWeightsPopup").hide();