PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jQuery boxy弹出层插件中文演示及讲解

    作者:admin来源:原创浏览:时间:2020-09-30 00:07:50我要评论
    导读:使用该jQuery插件要想使用该jQuery插件,需要把$(selector) boxy();放在document ready中。使用合适的选择器表达式替换这里的"selector",
    框,然后再单击下面的链接事件)
    让最新的对话框放大的动画 - someDialog.tween(400, 400);
    让最新的对话框减小的动画 - someDialog.tween(100, 100);
    获取最新的对话框的标题 - someDialog.getTitle();。
    更改最新的对话框的标题 - someDialog.setTitle("新标题");
    请注意,标题栏(也就是关闭按钮和拖动器)只有在标题指定的情况下会出现,在未来,这种行为可能会发生变化,使标题栏始终存在,除非特别禁用。
    一旦您创建了一个实例,您可以将通过提供的API分配给一个变量,随后移动,改变大小,显示和隐藏 - 记录如下。
    提问
    使用Boxy.ask(),Boxy.alert()和Boxy.confirm()这些帮手可能提示用户从一些选项中进行选择以及完成可选的回调函数。点击下面含有演示的链接,参考API文档获取更多信息。
    提问 - Boxy.ask() - 用户定义的选项,选择项传递给回调函数
    弹出 - Boxy.alert() - 回调函数总是不被调用
    确认 - Boxy.confirm() - 仅当用户选择了“确认”时回调函数会被调用
    <script type='text/javascript'>
    $(function() {
      $("#ask").click(function() {
        Boxy.ask("你感觉怎么样?", ["好极了", "还好", "不太好"], function(val) {
          alert("你选择的是: " + val);      
        }, {title: "这是一个问题……"});
        return false;
      });
      $("#alert").click(function() {
        Boxy.alert("文件未找到", null, {title: "提示信息"});
        return false;
      });
      $("#confirm").click(function() {
        Boxy.confirm("请确认:", function() { alert("已经确认!"); }, {title: "提示信息"});
        return false;
      });
    });
    </script>
    API(应用编程接口)
    Boxy.load(url, options)
    以一个URL加载内容并以Boxy对话框的形式展现。支持以下的一些选项参数:
    类型 - HTTP方法,默认为GET
    缓存 - 如果是true,缓存内容连续通话。相当于缓存选项传递到jQuery的Ajax方法。默认:false。
    过滤 - jQuery的表达式,用于过滤远程内容。
    (任何其他指定的选项将被传递到boxy的构造函数中)
    Boxy.get(element)
    返回包含元素的实例,例如:<a href="#" onclick="Boxy.get(this).hide();">关闭对话框</a>
    Boxy.ask(question, answers, callback, options)
    显示模式,即非可关闭对话框,允许用户选择选项。问题是要显示给用户的信息。答案是一个数组或一切可能的回答的数列。回调函数将收到选定的回答,这是否是需要的值或相应的密钥要根据一个数组或答案数列是否已经提供了。options是一种额外的可选设置选项传递给对话框的构造函数。
    Boxy.alert(message, callback, options)
    显示模式,非可关闭对话框显示消息给用户。
    注意:此方法并不是为了取代浏览器本地window.alert()函数提供,因为它没有能力阻止程序执行,在对话框是可见的时候。
    Boxy.confirm(message, callback, options)
    显示模式,非可关闭对话框显示的含有确定和取消按钮的消息。回调只会在用户选择了“确定”时被调用。
    注意:此方法并不是为了取代浏览器提供的本地window.confirm()函数,因为它没有能力在对话框可见时阻止程序执行的。
    Boxy.linkedTo(ele)
    返回已通过执行器构造函数选项连接DOM元素的boxy实例。
    Boxy.isModalVisible()
    返回true如果任何模式对话框是当前可见的,否则返回false。
    new Boxy(element, options)
    构造函数;创建一个新的boxy
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-143-1.html