如何在所有页面中使用相同的模态代码？

Question

我有一个包含 5 页的 HTML 项目。我在使用模式的每个页面上都有一个登录按钮。它使用模态 div 的 id。

<li> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">LOGIN</button></li>

但我必须在每个页面中复制粘贴模态代码。有没有办法不在每个页面中粘贴完整的模态div？

Answer 1

我的建议是使用 jquery 这是一些代码片段

<html> 
<head> 
<script src="jquery.js"></script> 
<script> 
$(function(){
  $("#includedContent").load("button.html"); 
});
</script> 
</head> 

<body> 
 <div id="includedContent"></div>
</body> 
</html>

对于按钮，您可以将代码放在#includedContent div 中。 Aou必须把脚本代码放在js文件中。即 "button.js"

并在需要登录按钮的每个页面中包含该 js 文件。和#includedContent div.

希望这对您有所帮助

如何在所有页面中使用相同的模态代码？

How to use same modal code in all the pages?

html

login

modal-dialog

bootstrap-modal