jquery weui 自定义html的promt

最新推荐文章于 2025-09-11 16:29:11 发布

原创最新推荐文章于 2025-09-11 16:29:11 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

微信同时被 2 个专栏收录

2 篇文章

订阅专栏

javascript

1 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的自定义表单提示框功能，该功能可以根据不同的配置显示确认和取消按钮，并支持自动关闭选项。通过提供的示例代码，读者可以了解到如何创建一个灵活且易于使用的表单提示组件。

  $.form_prompt_modify= function(text, title,html,onOK,onCancel) {
    var config;
    if (typeof text === 'object') {
      config = text;
    } else {
      config = {
        text: text,
        title: title,
        onOK: onOK,
        onCancel: onCancel
      }
    }

    var modal = $.modal({
      text: '<p class="weui-prompt-text">'+(config.text || '')+'</p>' +html,

      title: config.title,
      autoClose: false,
      buttons: [
      {
        text:'取消',
        className: "default",
        onClick: function () {
          $.closeModal();
          config.onCancel && config.onCancel.call(modal);
        }
      }, {
        text: '确定',
        className: "primary",
        onClick: function() {
          if(config.autoClose){
            $.closeModal();
          }
          config.onOK && config.onOK.call(modal);
        }
      }]
    }, function () {
      $('.weui_dialog_bd input').eq(0).focus()[0].select();
    });

    return modal;
  };