是否可以使用不包含href属性的锚标记,而是使用JavaScript单击事件处理程序?所以我会href完全省略,甚至没有它(href="").
我使用jQuery,我需要让一些锚标签不执行任何操作.
我通常这样写:
<a href="#">link</a>
Run Code Online (Sandbox Code Playgroud)
但是这指的是页面顶部!
我有两个Bootstrap下拉菜单(分割按钮).当下拉列表处于活动状态时,用户可以按下从1到5的数字,但是当他们按下其中任何一个时,用户将被重定向到页面顶部.
我知道这是正常行为(考虑到他们点击了"链接"),但我想阻止这种影响,因为它会影响移动体验.我尝试return false在我的jQuery代码中使用,但通过这样做,当下拉列表处于活动状态时,下拉列表中不能选择任何元素.还有其他选择吗?
HTML:
<div id="btn1">
<div class="btn-group dropup">
<button type="button" class="btn btn-primary">Add 1 vector</button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu" id="ajouter">
<li><a href="#">1</a> </li>
<li><a href="#">2</a> </li>
<li><a href="#">3</a> </li>
<li><a href="#">4</a> </li>
<li><a href="#">5</a> </li>
</ul>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('#ajouter a').on('click', function() {
nombre_ajout = parseInt($(this).html());
if (nombre_ajout > 1)
$('#btn1 button').eq(0).html('Add ' + nombre_ajout +' vectors');
else if (nombre_ajout == 1)
$('#btn1 button').eq(0).html('Add ' + nombre_ajout …Run Code Online (Sandbox Code Playgroud) 有没有href且没有名字的锚标签是有效的HTML吗?在我们的应用程序中,我们有一些删除链接被禁用(因此没有href属性),但仍然显示给用户.
我代表Joshua Muheim发布了这个问题,在相关问题的评论中提到了这个问题.它与原始问题非常相似,但又不同,我认为将其作为一个单独的问题打开是值得的.
我必须<a>在<label>标签内使用.因为有很多css样式只适用<a>于我们当前的系统.该<a>标签未链接到任何网页,但对于造型/徘徊.
见下面的代码:
<input type="checkbox" id="my-id">
<label for="my-id"><a href="javascript:void(0)">Some text</a></label>
Run Code Online (Sandbox Code Playgroud)
但是当点击"某些文字"时,它不会切换复选框状态.
我试过$.preventDefault()了<a>标签,但没有用.
我该怎么做才能使<a>表现像标签一样?
我管理了几个在其主页上使用特色文章滚动条的网站,允许用户单击向前或向后箭头,以便在保留在同一页面时查看下一篇文章标题和模糊.
我使用WAVE的可访问性检查器,并且任何具有此特定插件的站点都会返回错误,因为在代码中有一个空链接,写为<a href="#">.有没有办法解决?我已经定义了一个title属性,但#导致空链接错误仍然出现.
有些地方我已经看到这是完全可以接受的,其他地方声称这是一个问题.什么是实际答案和潜在的解决方法?