1

我有以下 HTML：

<ul id='x'> 
   <li>
      <a class="document-web1" data-href="/x">x</a>
   </li>
   <li>
      <a class="document-web2" data-href="/y">y</a>
   </li>
</ul>

我设置了这个事件：

$("#content-button-panel")
   .on('click', 'a', function (event) {
      event.preventDefault();
      var $link = $(this);
      getContentAjax($link);
   });

这可行，但是当我的光标移动到文本上时，它会变为垂直文本选择栏而不是指针。有什么方法可以使光标在 li 元素的任何部分上时始终显示为箭头？

4

5 回答 5

3

如果您只想更改光标，可以在 CSS 中使用它：

li
{
 cursor: default;
 /*cursor: pointer;*/
}

另外，如果您不确定哪个属性呈现哪个光标，请查看以下链接，它将消除您的困惑。

CSS 游标

于 2012-12-03T05:50:32.543 回答
2

读完你的标题后，它看起来像你想要的

li:hover{

cursor:pointer;
}

以上将使光标像

在此处输入图像描述

但是在阅读了你的整个问题之后

li:hover{

cursor:default;
}

这将显示光标

在此处输入图像描述

jsFiddle

还可以通过实时取景检查它非常酷

现在我建议你写相关的标题

于 2012-12-03T05:50:57.123 回答
0

你想要的 css 属性是pointer. 将其设置为该default值将强制浏览器将指针呈现为箭头，即使元素href上没有属性。a

#x a {
    cursor:default;
}
于 2012-12-03T05:50:25.160 回答
0

我自己对 jquery 有点陌生，但我相信你必须使用 onhover 或 onmouseover 而不是点击。

于 2012-12-03T05:50:40.047 回答
0

您可以使用 的cursor属性css，css(cursor, pointer)例如

于 2012-12-03T05:52:02.373 回答