Добавление нескольких переменных в объект содержимого Sweetalert - PullRequest
Новая
       37

Добавление нескольких переменных в объект содержимого Sweetalert

1 голос
/ 25 апреля 2020

Мне известно, что можно добавить элементы HTML в окно предупреждения подсластителя с помощью объекта content. Например: 

var link1 = document.createElement('a');
link1.innerHTML = 'How do I logout?';
swal({
    title: 'FAQ',
    content: link1
});

Однако мне было интересно, можно ли добавить несколько переменных к объекту содержимого, например, 

var link1 = document.createElement('a');
var link2 = document.createElement('a');
link1.innerHTML = 'How do I logout?';
link2.innerHTML = "How do I example?";
swal({
    title: 'FAQ',
    content: link1 + '\n' + link2 //NOTE: this doen't work but I hope this demostrates what I am asking
});

Я хочу сделать это, чтобы я мог создавать ссылки которые открывают различные окна предупреждений о подсластителях в зависимости от того, какая ссылка нажата.

Версия подсластителя:

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

1 Ответ

2 голосов
/ 25 апреля 2020

Попробуйте создать <div>, добавить в него элементы, а затем передать <div> в SweetAlert. 

const link1 = document.createElement('a');
const link2 = document.createElement('a');
link1.innerHTML = 'How do I logout?';
link2.innerHTML = "How do I example?";

const container = document.createElement("div");
// You could also use container.innerHTML to set the content.
container.append(link1);
container.append(document.createElement("br"));
container.append(link2);

swal({
    title: 'FAQ',
    content: container
});
...