Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为动态创建的按钮创建引导模式_Javascript_Jquery_Bootstrap 4 - Fatal编程技术网

Javascript 为动态创建的按钮创建引导模式

Javascript 为动态创建的按钮创建引导模式,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,创建了一个JavaScript函数来动态创建和附加按钮。并在按钮中调用它+添加新多维数据集。 单击该按钮+添加新多维数据集,它将动态创建按钮。 单击动态创建的按钮,我希望显示一个模态或div。 我参考了一个生成弹出窗口的教程,但它似乎没有帮助。有人能帮忙吗 var-num=1; 函数myFunction{ var btn=document.createElementBUTTON; btn.innerHTML=Cube+num; btn.className=sam; document.body.

创建了一个JavaScript函数来动态创建和附加按钮。并在按钮中调用它+添加新多维数据集。 单击该按钮+添加新多维数据集,它将动态创建按钮。 单击动态创建的按钮,我希望显示一个模态或div。 我参考了一个生成弹出窗口的教程,但它似乎没有帮助。有人能帮忙吗

var-num=1; 函数myFunction{ var btn=document.createElementBUTTON; btn.innerHTML=Cube+num; btn.className=sam; document.body.appendChildbtn; btn.onclick=函数{ alertthis.innerHTML; } num++; } 山姆先生{ 高度:150像素; 宽度:100px; }
+添加新的隔间查看这个示例和代码片段,现在定义了单模式/通用模式弹出窗口,您可以根据自己的喜好使其动态化。希望它能帮助你

var-num=1; 函数openModalcurrentObj{ $myModal.find.modal-title.textCube+$currentObj.attrid; $myModal.modalshow; } 函数myFunction{ var btn=document.createElementBUTTON; btn.innerHTML=Cube+num; btn.className=sam; btn.id=num; document.body.appendChildbtn; btn.onclick=函数{ 开放性; } num++ } 山姆先生{ 高度:150像素; 宽度:100px; } +添加新隔间 &时代; 模态头 模态中的一些文本


请看这个示例中的代码片段,现在定义了单模式/公共模式弹出窗口,您可以根据自己的喜好使其成为动态的。希望它能帮助你

var-num=1; 函数openModalcurrentObj{ $myModal.find.modal-title.textCube+$currentObj.attrid; $myModal.modalshow; } 函数myFunction{ var btn=document.createElementBUTTON; btn.innerHTML=Cube+num; btn.className=sam; btn.id=num; document.body.appendChildbtn; btn.onclick=函数{ 开放性; } num++ } 山姆先生{ 高度:150像素; 宽度:100px; } +添加新隔间 &时代; 模态头 模态中的一些文本


查看这个片段

var-num=1; 函数myFunction{ var btn=document.createElementBUTTON; btn.innerHTML=Cube+num; btn.className=sam; btn.setAttributedata目标,myModal; btn.setAttributedata切换,模态; document.body.appendChildbtn; btn.onclick=函数{ //alertthis.innerHTML; $myModal.customMsg.htmlMsg for+this.innerHTML; $myModal.modal-title.htmlthis.innerHTML } num++; } 山姆先生{ 高度:150像素; 宽度:100px; } +添加新隔间 &时代; 模态头 这是一个小模型


查看这个片段

var-num=1; 函数myFunction{ var btn=document.createElementBUTTON; btn.innerHTML=Cube+num; btn.className=sam; btn.setAttributedata目标,myModal; btn.setAttributedata切换,模态; document.body.appendChildbtn; btn.onclick=函数{ //alertthis.innerHTML; $myModal.customMsg.htmlMsg for+this.innerHTML; $myModal.modal-title.htmlthis.innerHTML } num++; } 山姆先生{ 高度:150像素; 宽度:100px; } +添加新隔间 &时代; 模态头 这是一个小模型


您必须使用$myModal.modalshow;在btn上运行。click@S.Hettz我已经在帖子中添加了这个片段,如果仍然需要任何更改,请务必让我知道。谢谢您必须使用$myModal.modalshow;在btn上运行。click@S.Hettz我已经在帖子中添加了这个片段,如果仍然需要任何更改,请务必让我知道。谢谢谢谢@ankitkanojia,这肯定会有所帮助。我可以定制的模式一样,按钮文本是有作为模态标题。有可能吗?@S.Hettz我做了一些更改,请参阅更新的帖子,我已将按钮名称作为模式标题传递。谢谢@ankitkanojia,这确实有帮助。我可以定制的模式一样,按钮文本是有作为模态标题。有可能吗?@S.Hettz我做了一些更改,请参阅更新的帖子,我已将按钮名称作为模式标题传递。谢谢!,这是一个很好的开始,但当我们单击按钮时,按钮文本应该作为模式标题更新代码段,可能会有帮助是的,这是我真正想要的帮助,拇指朝上谢谢!,这是一个很好的开始,但当我们点击一个按钮时,按钮文本应该作为模式标题来更新代码片段,可能会有帮助是的,这是我真正想要的帮助,竖起大拇指