繁体   English   中英

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

[英]How to add content to a modal dialog (kbModal.js)

我已经找到了用于我的网站的模式对话框,但是我不知道如何添加按钮和样式等内容。

这是链接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...');});

请我如何使用它来添加内容,非常感谢! 对不起,nooby问题

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM