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

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

1 个答案: