![](/img/trans.png)
[英]How to add dynamic content to the bootstrap modal on click of a link-Jquery/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">×</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.