Question

我正在使用html / css / jquery构建一个交互式表，并希望在单击我的文本元素时使用slide-toggle jQuery操作。我发现我不能使用“a”标签，因为空的href =“”只会重新加载页面而省略“href”会将鼠标悬停在元素上时将光标变成“I”，就像它会带有“p”标签。

基本上我要问的是，是否有一种方法可以添加一个文本元素，使光标在悬停时用作链接（鼠标头用手指转动为手），但不链接到任何地方？

Answer 1

您可以使用此CSS来获取您要查找的鼠标光标行为：

.link {
  cursor: pointer;
}

然后将此类添加到您的HTML中：

<span class='link'>link</span>

或者您可以将其添加到可点击的元素（css tricks）：

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
   cursor: pointer;
}

Answer 2

您可以使用CSS设置光标样式：

p:hover{cursor:pointer}

此外，您可以阻止锚链接执行此类页面重新加载（jQuery）：

$(document).on("click", "a", function(e){
e.preventDefault();
// do something...
})

Answer 3

而不是将光标转换为指针，您可以使用值为cursor的CSS pointer属性轻松地使用event.preventDefault();，这样可以防止您遇到的问题。< / p>

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

Demo

文本元素作为伪链接

3 个答案: