在jquery mobile中使用一个按钮关闭和打开弹出窗口

Question

我正在尝试制作一个 jquery mobile 弹出按钮，它应该执行两个功能：

第一次点击时：打开弹出窗口；

第二次点击时：关闭该弹出窗口；

我已经做了： - 以编程方式打开弹出窗口的可关闭按钮； 这是我正在使用的代码：http://jsfiddle.net/MKHnS/

JS：

    $(document).on('click', '#zozo', function () {       
         $('#zozo-list').popup();        
         $('#zozo-list').popup('open');

         })

现在我需要： - 制作second功能：下一次点击同一个按钮应该关闭弹出窗口；

任何建议和帮助将不胜感激......

Answer 1

检查弹窗是否打开，对应.popup("open")或.popup("close")。

$(document).on('click', '#zozo', function () {
    if ($(".ui-popup-active").length > 0) {
        $('#zozo-list').popup('close');
    } else {
        $('#zozo-list').popup('open');
    }
});

Demo