相关疑难解决方法(0)

没有href属性的锚标签是否安全?

是否可以使用不包含href属性的锚标记,而是使用JavaScript单击事件处理程序?所以我会href完全省略,甚至没有它(href="").

html anchor standards hyperlink

226
推荐指数
7
解决办法
14万
查看次数

如何使单选按钮看起来像一个切换按钮

我想要一组单选按钮看起来像一组切换按钮(但仍然像单选按钮一样工作).它们看起来不像切换按钮.

我怎么能用CSS和HTML做到这一点?

编辑:当选中/取消选中按钮时,我会满意地让小圆圈消失并改变样式.

html css radiobuttonlist radio-button togglebutton

71
推荐指数
4
解决办法
13万
查看次数

href ="#"返回页首 - 预防?

我有一个页面包含一些jQuery函数.页面上的HTML看起来像这样:

<a href="#" class="service">Open</a>
Run Code Online (Sandbox Code Playgroud)

当我单击"打开"按钮时,隐藏的面板会滑出.jQuery本身效果很好但是当我点击按钮时它也会把我带到页面顶部.

这是defualt行为,我如何防止每个人href="#"把我带到页面顶部.

注意:我可以添加id并告诉href指向该ID.我不想出于各种原因(包括添加不必要的代码)这样​​做.

anchor href hashtag

47
推荐指数
3
解决办法
5万
查看次数

jQuery超链接 - href值?

在我的网站上,我使用jQuery来挂钩元素的事件,即超链接.由于这些超链接仅在当前页面上执行操作,并且不在任何地方引导,我一直在将"#"的href属性放在:

<a href="#">My Link</a>
Run Code Online (Sandbox Code Playgroud)

但是在某些浏览器中,这会导致页面从右向上滚动,这显然是不合需要的行为.我已尝试使用空白href值,或不包括一个,但鼠标悬停时鼠标不会更改为手形光标.

我该放什么?

jquery href hyperlink

45
推荐指数
7
解决办法
11万
查看次数

单击#-links时,避免窗口跳转到顶部

我有一个包含一些问题和答案的页面,默认情况下答案是折叠的.当他们点击问题时,我展开隐藏的答案-div.问题是,当我单击这些问题时,窗口会跳到屏幕顶部.这不是一个大问题,但我觉得很烦人,因为我不得不再次向下滚动这个问题.

链接看起来像这样:

<a href="#" id="myID">Myquestion</a>
Run Code Online (Sandbox Code Playgroud)

我使用jQuery和.click事件监听器.

有没有简单的方法来避免这种情况,或者我是否必须使用.scroll并找到问题的坐标?我宁愿避免这种情况.

编辑:我知道我可以使用锚来做这件事,但我想避免任何跳跃的屏幕.

html javascript jquery

21
推荐指数
3
解决办法
2万
查看次数

单击嵌套的Bootstrap Dropdown <li>时阻止滚动

我有两个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)

html javascript css jquery twitter-bootstrap

10
推荐指数
2
解决办法
6886
查看次数