如何为sweetAlert.js申请ID？

Question

我正在尝试将id应用于甜蜜警报选择元素。我只知道如何添加类，但我正在尝试如何在off.docs中添加ID。但是找不到它。谢谢你的帮助。

Answer 1

目前没有办法直接添加Id到甜蜜警示模式。

但是，我们可以使用以下命令将Class添加到Sweetalert模式：

customClass: 'class-name',

还可以通过添加onOpen函数将Id添加到甜蜜警报中的不同元素中：

onOpen: function() { $('.swal2-modal').attr('id','modal_id');$('.swal2-content').attr('id','modalcontent_id');}

Answer 2

你可以做到，在sweetalert2中，我希望能对你有所帮助。

      // # in this example result -> id="txt-note" 
      Swal.fire({
        title: "Ingrese el contenido de la nota",
        input: "text",
        inputAttributes: {
          id: "txt-note",
        },
        customClass: {
          container: "modal-create-note",
        },
        showCancelButton: true,
        confirmButtonText: "Crear",
        showLoaderOnConfirm: true,
        preConfirm: (textoNota) => {
          console.log(textoNota)
          
        },
        allowOutsideClick: () => !Swal.isLoading(),
      }).then((result) => {
        console.log(result);
      });

​

      Swal.fire({
        title: "Ingrese el contenido de la nota",
        input: "text",
        inputAttributes: {
          id: "txt-note",
        },
        customClass: {
          container: "modal-create-note",
        },
        showCancelButton: true,
        confirmButtonText: "Crear",
        showLoaderOnConfirm: true,
        preConfirm: (textoNota) => {
          console.log(textoNota)
          
        },
        allowOutsideClick: () => !Swal.isLoading(),
      }).then((result) => {
        console.log(result);
      });

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
<link href="https://sweetalert2.github.io/styles/styles.css" rel="stylesheet"/>

​