我试着运行两个Jquery脚本，一个叫balancedgallery，另一个叫museum。当我单独运行每个脚本时，它们都运行得很好，但是在一起运行balancedgallery脚本时，Museum脚本不允许链接查看器，而是直接链接到图像。
这可能是因为它们是2014年和2017年的旧脚本，并且一些标准已经改变了？我不得不将“.load”更新为“.on（'load'）”以获得平衡的画廊引用。尽管两个脚本都运行良好（没有控制台错误）。如果我在url的末尾输入“#msm-gallery-2”（2是图像编号），查看器（博物馆）将显示。
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Title</title>
<meta name="viewport" content="width=device-width" />
</head>
<body>
<div id="content">
<img src="https://www.ryanepp.com/assets/demos/balanced_gallery/moped1.jpg"/>
<img src="https://www.ryanepp.com/assets/demos/balanced_gallery/moped2.jpg"/>
<img src="https://www.ryanepp.com/assets/demos/balanced_gallery/moped3.jpg"/>
</div>
<script src="https://code.jquery.com/jquery-3.6.1.js"></script>
<script src="https://cdn.jsdelivr.net/gh/enzzzooo/balanced-gallery/jquery.balanced-gallery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/enzzzooo/museum/jquery.museum.js"></script>
<script>
$(document).ready(function() {
$.museum($('#content img'));
});
</script>
<script>
$(window).on('load', function () {
$("#content").BalancedGallery({});
} )
</script>
</body>
</html>
1条答案
按热度按时间1zmg4dgp1#
不确定这是否会影响您的脚本，但您在第1行有一个未关闭的标记-将其设置为
<!DOCTYPE html> <html lang="en-US">并且最后一个“img”标记未闭合，这可能是合并了最后一个图像中包含脚本的div。