share.js
share.js copied to clipboard
Published
20 hours ago •
overtrue
overtrue
两个div的问题
两个share.js的div，如下：
<p class="social-share" data-sites="">
<a href="javascript:;" class="social-share-icon icon-heart"></a> 123
</p>
<div class="social-share">
<a href="javascript:;" class="social-share-icon icon-heart"></a>
</div>
第一个div用来做喜欢操作，不做分享，第二个div，用来做分享，结果div中的配置信息串了。实际效果为第一个div显示正常，第二个div理论上应该显示所有的share按钮，实际只显示的heart，第二个div的配置和第一个串了。
不是线上，本地开发的环境。简化了一下，你看看。
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#f4f5f6">
<meta name="apple-mobile-web-app-status-bar-style" content="#f4f5f6">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="res/css/share.min.css">
</head>
<body>
<main class="wrapper">
<section class="container" id="random_bq">
<div class="row">
<div class="column">
<p class="social-share" data-sites="">
<a href="javascript:;" class="social-share-icon icon-heart"></a> 123
</p>
<div class="social-share">
<a href="javascript:;" class="social-share-icon icon-heart"></a>
</div>
</div>
</div>
</section>
</main>
<script src="res/js/social-share.min.js"></script>
</body>
</html>
浏览器显示如下：
