jquery - 作为伪链接的文本元素

标签 jquery html css text hyperlink

我正在使用 html/css/jquery 构建一个交互式表格,并希望在单击文本元素时使用滑动切换 jQuery 操作。我发现我无法使用“a”标签,因为空的 href=""只会重新加载页面并省略“href”,当将鼠标悬停在元素上时,完全将光标变成“I”,就像它一样带有“p”标签。

基本上我要问的是,有没有一种方法可以添加一个文本元素,使光标悬停在上面时充当链接(鼠 header 变成手指指向的手),但不链接到任何地方?

最佳答案

您可以使用值为 pointer 的 CSS cursor 属性轻松地将光标转换为指针,而使用 event.preventDefault();这将防止您面临的问题。

$('div.toggle').hide();
  $('a.open_toggle').click(function(event){
    event.preventDefault();
    $(this).next('div').slideToggle(500);
  }             
);

Demo

关于jquery - 作为伪链接的文本元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20627066/

相关文章:

javascript - 类中的 JQuery onclick 链接

html - 为什么宽度为 :auto behave differently than height:auto?

firefox - Firefox 9.0.1 中具有两种不同形状的字段集?

html - 如何在div后面插入图片

javascript - 如何选择div中h2元素的第n个子元素

html - 表格单元格(td,th)不采用 colgroup 中给定的宽度

javascript - 如何更改文本 "No data available in table"在数据表中的位置?

javascript - onResize() 重新加载我的网页,导致 onResize() 在加载时再次被调用

jQuery 非选择器和实时绑定(bind)

html - 如何在菜单中设置列表样式?