admin 发表于 2014-3-1 14:28:23

jqMobi 中弹出框的使用

1，引入js

<script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>
2.写对应的方法


<script>
        function showPopup1() {
                $("#afui").popup("I'm replacing an alert box");
        }

        function showPopup2() {
                $("#afui").popup({
                        title: "Alert! Alert!",
                        message: "This is a test of the emergency alert system!! Don't PANIC!",
                        cancelText: "Cancel me",
                        cancelCallback: function () {
                                console.log("cancelled");
                        },
                        doneText: "I'm done!",
                        doneCallback: function () {
                                console.log("Done for!");
                        },
                        cancelOnly: false
                });
        }

        function showPopup3() {
                $("#afui").popup({
                        title: "Login",
                        message: "Username: <input type='text' class='af-ui-forms'><br>Password: <input type='text' class='af-ui-forms' style='webkit-text-security:disc'>",
                        cancelText: "Cancel",
                        cancelCallback: function () {},
                        doneText: "Login",
                        doneCallback: function () {
                                alert("Logging in")
                        },
                        cancelOnly: false
                });
        }
</script>


爱哭的鱼 发表于 2014-3-3 21:51:28

学习了，谢谢分享、、、

爱哭的鱼 发表于 2014-3-6 23:27:56

找到好贴不容易，我顶你了，谢了

tianqingle 发表于 2014-5-13 16:36:38

楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊

admin 发表于 2014-5-13 16:39:17

tianqingle 发表于 2014-5-13 16:36
楼主这个弹出框到平板上就变得很小影响阅读了 有木有解决办法啊

改css 看看能解决不

734086392 发表于 2016-7-6 08:54:43

不错不错，大神啊
页: [1]
查看完整版本: jqMobi 中弹出框的使用