我正在使用 MaterializeCSS 制作一个网页,并考虑使用 jQuery 创建一个“母版页”,以避免在多个页面上重复(和更正)相同的内容。当我应用以下内容时出现问题:
<header>
<script>
$().ready(function () {
$("header").load("master.html");
});
</script>
</header>
并尝试引入包含以下内容的侧面导航(这是到目前为止 master.html 上的全部内容):
<nav>
<ul id="slide-out" class="side-nav fixed">
<li><a href="index.html">Início</a></li>
<li><a href="sobreSrd.html">Sobre os SRDs</a></li>
<li><a href="noticias.html">Noticias</a></li>
<li><a href="combinacoes.html">Combinações</a></li>
<li><a href="filhotes.html">Filhotes</a></li>
<li><a href="adote.html">Adote</a></li>
</ul>
<a id="mobButton" href="#" data-activates="slide-out" class="button-collapse">
<i class="mdi-navigation-menu"></i>
</a>
</nav>
经过研究,我发现 jQuery 的 load 方法从 html 中“剥离”了脚本(如果我错了,请纠正我)。有人建议重新加载脚本,但没有成功。我认为这与 data-activates 属性/属性有关,但我找不到太多有关它的信息。
有人遇到过这个问题吗?你是怎么解决的?
最佳答案
我也有同样的问题。但这对我有用。
我做什么?当需要加载html时,我再次加载materialize css:
$("header").load("master.html", function () { jQuery.getScript("materialize.js"); });
有效!但是...在调试控制台中显示此消息:Velocity 已加载。您可能不必要地再次导入 Velocity;请注意,Materialize 包括 Velocity。
要删除它,您可以这样做:
$("header").load("master.html", function () {
delete jQuery.Velocity;
jQuery.getScript("materialize.js");
});
然后,调试窗口中不会出现任何消息。你问我:“性能?用于销毁并实例化 $.Velocity”我回答:“我不知道”
关于jquery - MaterializeCSS 滑出效果随着 JQuery load() 停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31541219/