Question

嗨我有以下代码，我想在保存完成后关闭此叠加弹出窗口。 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>

Answer 1

您可以隐藏具有该div的ID的弹出窗口，如

$("#addWeightsPopup").hide();

Answer 2

实际上找到了答案......

triggers.eq（0）.overlay（）。close（）方法

0 - 按钮的索引

所以，如果你有两个按钮，那么 triggers.eq（1）.overlay（）。close（）方法

JQuery覆盖关闭

2 个答案: