jquery - jquery mobile 中一键关闭和打开弹出窗口

Question

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

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

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

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

JS:

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

         })

现在我需要: - 创建第二个功能:下次单击同一按钮应关闭弹出窗口；

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

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