我有一个包含 5 个页面的 HTML 项目。我在使用模式的每个页面上都有一个登录按钮。它使用模态 div 的 id。
<li> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">LOGIN</button></li>
但我必须在每个页面中复制粘贴模态代码。 有没有办法不在每个页面中粘贴完整的模态 div?
最佳答案
我的建议是在这里使用 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 分区。
希望对你有帮助
关于html - 如何在所有页面中使用相同的模态代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35861063/