在链接上放置标签

Question

所以我的问题如下：

我有移动侧菜单的HTML代码摘录：

<input type="checkbox" id="activator" class="activator" name="menu">
		<div class="toplayer"></div>


		<label for="activator" class="activator" name="menu">
			<img class="icon" src="../media/menu_new.png" alt="Menu">
		</label>


		<div class="menu">

		<ul class="menu">
				<li>
					<input type="checkbox" id="d1" class="subtivator" name="submenu">
					<div class="dropdown"><label for="d1"><span class="submenu">...</span></label></div>
					<div class="drawer">
						<label for="activator" class="activator" name="menu"><a href="#">...</a></label>

我想做的是，如果你点击最后一行的链接，家长标签会触发第一行的复选框，以便整个菜单自动关闭。 链接本身有效，但菜单只是保持打开状态，因为标签不会触发复选框。如果您运行代码段，您可以清楚地看到复选框有一个触发器动画，但它不会更改。如果删除-tag上的“href” - 属性，它会突然起作用。标签与我用来实际打开和关闭菜单的第6行的标签100％相同。 我也已经查了几个引用，但没有一个对-tag和-tag有任何限制。 我只是无法弄清楚错误的位置，当然，由于这个原因无法修复它。

我真的希望你们中的一些人可以帮我解决这个问题。

提前致谢