多次插入锚标签
anchor tag is insert multiple times
在浏览器中查看时,我在代码中指定的锚标记被插入到多个位置。
是什么导致了这个问题?我能做些什么来解决这个问题?
<a href="{{ route('candidate.company.view', $company->id) }}" class="block no-overflow">
<div class="row space-inside-sides-sm">
<div class="col-lg-12 bg-light shadow-accent space-inside-sm">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
<div class="image">
<img src="{{ asset('storage/' . $company->logo) }}" class="img-circle img-responsive">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<p class="vacancy-title">{{ $company->title }}</p>
<span>Amsterdam, NL</span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
<a href="#">
Followers: {{ $company->followers->count() }}
</a>
</div>
</div>
</div>
</div>
</a>
检查你的一些代码 JS/JQuery 可以克隆此代码也可以尝试不带 class="block no-overflow"
的锚点
问题出在嵌套的定位标签上。不允许嵌套锚标记。由于嵌套锚标签,第一个锚标签自动关闭。
在浏览器中查看时,我在代码中指定的锚标记被插入到多个位置。
是什么导致了这个问题?我能做些什么来解决这个问题?
<a href="{{ route('candidate.company.view', $company->id) }}" class="block no-overflow">
<div class="row space-inside-sides-sm">
<div class="col-lg-12 bg-light shadow-accent space-inside-sm">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
<div class="image">
<img src="{{ asset('storage/' . $company->logo) }}" class="img-circle img-responsive">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<p class="vacancy-title">{{ $company->title }}</p>
<span>Amsterdam, NL</span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
<a href="#">
Followers: {{ $company->followers->count() }}
</a>
</div>
</div>
</div>
</div>
</a>
检查你的一些代码 JS/JQuery 可以克隆此代码也可以尝试不带 class="block no-overflow"
问题出在嵌套的定位标签上。不允许嵌套锚标记。由于嵌套锚标签,第一个锚标签自动关闭。