Jquery Mobile Select弹出窗口

Question

如果选择了特定的选项，我需要打开一个弹出窗口。基本上，如果用户选择“添加自定义”，则会出现一个弹出窗口，用户可以添加自定义类别。

以下是代码：http://jsbin.com/uxahuc/3/edit

谢谢你们。

Answer 1

当您尝试在选择菜单上打开弹出窗口时，它会要求您在打开弹出窗口之前给出一些延迟。所以在弹出窗口打开的代码中，设置100ms的超时时间，然后执行popup（'open'）。

查看演示HERE。

JavaScript代码如下所示：

 $("#message-commands").on("change", function (event, ui) {
    var value = event.target.value;

    switch (value) {
        case "add":
            setTimeout(function () {
                $('#both').popup('open');
            }, 100);
            break;
    }
 });

Answer 2

尝试以下

$('#category').on('change', function () {
    if ($(this).val() == 'custom') {
        $("#addCategory").popup("open");
    }
});

另外我强烈建议不要在java脚本中使用SQL，如果可能的话，它会使您的数据库非常容易受到SQL注入。