我刚刚footer
在.js
页面中创建了一个内容,现在我需要为页面中的一个类添加该内容,但是动态创建的页脚中存在一些语法错误。我不知道如何动态创建它。
请任何建议?
$(document).ready(function(){
var footer="<footer class='subFooter col-lg-12 col-md-12'>"
"<div class='col-lg-12 col-md-12' style='padding-top:35px;'>"
"<p style='display:inline;color:#fff'>@ xxxxx Limited</p>"
"<img src='images/aaa.png' class='pull-right'>"
"<img src='images/bbb.png' class='pull-right'>"
"</div>"
</footer>";
$('#footer').append(footer);
});
这个页脚只有我需要加载 #footer
您必须连接这些字符串(+
在行尾添加字符并在结束前添加缺少的引号</footer>
):
$(document).ready(function() {
var footer = "<footer class='subFooter col-lg-12 col-md-12'>" +
"<div class='col-lg-12 col-md-12' style='padding-top:35px;'>" +
"<p style='display:inline;color:#fff'>@ 2023 by Camion Ligistics Limited</p>" +
"<img src='images/Artboard 21 copy.png' id='twitterIcon' class='pull-right'>" +
"<img src='images/Artboard 21.png' id='fbIcon' class='pull-right'>" +
"</div>" +
"</footer>";
$('#footer').append(footer);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="footer"></div>
如果您有多个footer
s,您想使用一个类而不是一个 id:
<div class="footer"></div>
然后在 JavaScript 端:
$(".footer").append(...);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句