Sweetalert 2 异步文本区域

2024-05-07

我尝试使用这个简单的文档示例https://sweetalert2.github.io/ https://sweetalert2.github.io/但我收到错误消息:

未捕获的语法错误:await 仅在异步函数中有效

$(document).ready(function() {
  $('.buttonproblem').click(function() {
    const { value : text } = await swal({
      input: 'textarea',
      inputPlaceholder: 'Type your message here',
      showCancelButton: true
    })

    if (text) {
      swal(text)
    }
  })   
});

问题是因为你需要声明click处理函数为async为了使用await其中的关键字。尝试这个:

$('.buttonproblem').click(async function() { // note use of 'async' here
  const text = await swal({
    title: 'foo', // Note this was missing in your example
    input: 'textarea',
    inputPlaceholder: 'Type your message here',
    showCancelButton: true
  })

  if (text) {
    swal(text)
  }
})
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

<button class="buttonproblem">Click me</button>

请注意,您的const { value: text }尽管逻辑工作正常,但语法导致了错误,所以我将其删除。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Sweetalert 2 异步文本区域 的相关文章

随机推荐

  • 如何使用 Tkinter 创建自动更新的 GUI?

    from Tkinter import import time Tkinter stuff class App object def init self self root Tk self labeltitle Label root tex
  • 如何使用自定义转换在当前上下文上呈现视图控制器?

    我遇到了视图控制器包含问题 并希望通过自定义演示 动画 在当前上下文上 呈现视图控制器 我有一个根视图控制器 它有两个子视图控制器 可以作为根的子视图添加和删除 当这些子视图控制器呈现视图控制器时 我希望呈现在当前上下文之上 以便当呈现的子
  • ASP.Net-Core 中的自定义身份验证

    我正在开发一个需要与现有用户数据库集成的网络应用程序 我仍然想使用 Authorize 属性 但我不想使用身份框架 如果我确实想使用身份框架 我会在startup cs文件中添加类似的内容 services AddIdentity
  • iOS 中您需要什么类型的证书?

    我是 iOS 开发新手 有几个关于认证的常见问题developer apple 我想为我的 MAC 创建一个证书 我将使用它来开发我的应用程序 xcode 5 来自我新创建的developer apple帐户 我遵循了一些有关它的教程 但它
  • 未捕获的引用错误:$ 未定义?

    为什么这段代码会抛出一个 Uncaught ReferenceError is not defined 之前什么时候还好 document ready function tabs gt ul tabs fx opacity toggle f
  • Maven 3:为定义的工件生成 Javadoc

    我只想从专用文档项目中为我的项目的某些工件生成 javadoc 这意味着我想要一个名为 docs 的独立项目 在 docs pom xml 中 我想定义应包含在生成的 javadoc 中的工件 到目前为止 我了解到我必须为我想要包含的项目生
  • 如何使用 Visual Studio 2010 创建 Web 服务负载测试?

    有没有办法像测试网站一样使用 VS2010 测试 Web 服务 对于网站 我可以创建一组 WebTestRequest 对象来模拟测试中网页的加载和解析 然后 实现 GetRequestEnumerator 我可以为负载测试生成结果 以便任
  • pandas 可能的基本/标量数据类型有哪些?

    我找到了 NumPy 标量类型的列表 https docs scipy org doc numpy 1 12 0 user basics types html https docs scipy org doc numpy 1 12 0 us
  • 如何从 .NET 程序打开 Web 浏览器? Process.Start() 不起作用?

    我有一个 URL 我想在默认浏览器中启动它 我尝试过两种方法 Process Start http stackoverflow com 以及本节中详细介绍的一个其他问题 https stackoverflow com questions 8
  • 获取json中某个键的索引

    我有一个像这样的 json json key1 watevr1 key2 watevr2 key3 watevr3 现在 我想知道一个键的索引 比如 json 中的 key2 即 1 有办法吗 为时已晚 但可能简单又有用 var json
  • 计算一个类的实例?

    我一直在清理我正在扩展的模块中的一些代码 但我似乎找不到 Pythonify 这段代码的方法 global next id 1 class Obj def init self global global next id self id gl
  • 在node.js Express框架中设置两个不同的静态目录

    是否可以 我想设置两个不同的目录来提供静态文件 假设 public 和 mnt 您还可以通过指定附加 第一个 参数来设置将静态文件提供给 Web 的路径use 像这样 app use public express static dirnam
  • Google App Maker - 在 onclick 方法中添加时间戳收集按钮

    我到处搜索 找不到有效的具体答案 我需要在应用程序制作工具中的表单中添加一个按钮 以在单击时记录时间戳 而不是日期 到目前为止 我唯一能开始工作的是 widget datasource item Timestamp OUT new Date
  • 立即更新 UserControl 中的所有绑定

    当 UserControl 的可见性更改为 Visible 时 我需要更新其上的所有绑定 几乎所有绑定都绑定到用 户控件的 DataContext 属性 因此我尝试更新该绑定的目标 BindingOperations GetBindingE
  • Rails 5:ActionMailer 的“deliver_later”从未在生产环境中交付

    我有一个非常基本的邮件程序设置 如下所示来发送交易邮件程序 class PayoutMailer lt ApplicationMailer default from email protected cdn cgi l email prote
  • Swift 3 异步调度警告

    我有这个代码 DispatchQueue global priority DispatchQueue GlobalQueuePriority default async let url URL string itemImageURL let
  • 在 SSIS 流中使用临时表失败

    我有一个 ETL 过程 可将约 40 个表从源数据库 Oracle 10g 提取到 SQL Server 2014 开发人员版 临时环境 我的提取过程 确定暂存中的最新行 从源中选择所有较新的行 将结果插入 TEMPTABLE 将 TEMP
  • 由于空数组包含电子邮件为空的文档,MongoDB 错误 E11000 重复键错误集合

    这是我正在编写的代码 const createOrgPerso new Person org newOrganisation doc id data 但空数组仍在创建中 然后再次运行这段代码 它给出E 11000 duplicate key
  • 打印 HTML 时删除默认浏览器页眉和页脚

    我得到了一个带有以下内容的 HTML 我想问的问题是 有什么方法可以删除网络浏览器添加到打印页面的字符串吗 Such as 打印页面的网站 页数 网页标题 印刷日期 这些通常是浏览器特定的打印设置 例如 在 IE 和 FireFox 中 您
  • Sweetalert 2 异步文本区域

    我尝试使用这个简单的文档示例https sweetalert2 github io https sweetalert2 github io 但我收到错误消息 未捕获的语法错误 await 仅在异步函数中有效 document ready f