2

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

2 回答 2

2

您可以使用该 div 的 ID 隐藏弹出窗口，例如

$("#addWeightsPopup").hide();
于 2012-06-05T05:37:20.687 回答
0

居然找到了答案......

triggers.eq(0).overlay().close()

0 - 按钮的索引

所以如果你有两个按钮，那么 triggers.eq(1).overlay().close()

于 2012-06-05T06:02:04.477 回答