Question

我找到了一个用于我的网站的模态对话框，但我不知道如何添加按钮和样式等内容。

这是链接http://www.cssscript.com/creating-simple-modal-windows-with-kbmodal-js/

我见过这个，但我不知道从哪里开始：

 var modalOuterContainer = document.createElement('div');
            modalOuterContainer.className = 'dkKbModalOuterContainer';
            modalOuterContainer.innerHTML = '<div class="dkKbModalContainer dkKbModal dkKbFade">' +
                '<div class="dkKbModalDialog">' +
                    '<div class="dkKbModalDialogHeader">' +
                        '<button class="dkKbCloseButton">&times;</button>' +
                        '<h3 class="dkKbModalHeader"></h3>' +
                    '</div>' +
                    '<div class="dkKbModalBody"></div>' +
                '</div>' +
            '</div>';
            var modalOverlay = document.createElement('div');
            modalOverlay.className = 'dkKbModalOverlay dkKbFade';
            document.body.appendChild(modalOuterContainer);
            document.body.appendChild(modalOverlay);

和此：

    addEvent(turnOnModal, 'click', function () {window.dkKbModal.show('Hello','Testing...');});

请如何使用它来添加内容，非常感谢！对不起那个令人讨厌的问题

Answer 1

您在分配事件时添加它们：

addEvent(turnOnModal, 'click', function () {window.dkKbModal.show('Check out my awesome button.','<input type="button" value=" Awesome " class="myawesomecssclass"/>');});

如何将内容添加到模式对话框（kbModal.js）

1 个答案: