Jquery Mobile 选择弹出窗口

Question

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

这里是代码：http://jsbin.com/uxahuc/3/edit

谢谢大家。

Answer 1

当您尝试在选择菜单上打开弹出窗口时，它会希望您在打开弹出窗口之前延迟一些时间。因此，在您的弹出窗口打开代码中，将超时设置为 100 毫秒，然后执行 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 注入的影响。