Question

尝试使用Jquery在悬停时执行光标指针：

$('#example td').hover(function() {
$(this).css('cursor','pointer');
});

我不想把它放在CSS中，我想在Jquery中使用它。

我需要做些什么来解决这个问题？

http://jsfiddle.net/Egttj/

Answer 1

在我清理你的jquery之后似乎在这里工作，你忘了关闭第一个单击功能，并且你的html中没有声明搜索表单和按钮（我将其更改为#example tr）

基本上你的jQuery没有很好的编码（也有一行5.））就不属于那里了。

我还将“你的框架”设置为 jQuery 而不是标准选择 mooTools

这是我删除一些不必要的代码后得到的完整jQuery代码：

$(document).ready(function() {

    $('#example tr').click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.location = href;
        }
    });

    $('#example tr').hover(function() {
        $(this).css('cursor','pointer');
    });

});

Fiddle

Answer 2

出于某种原因，我无法对Tobias Nilsons的答案发表评论，所以这里作为答案。

$('#example td').css('cursor', 'pointer');`

没有理由为什么要指定悬停时应用的样式。光标实际上只出现在悬停上，所以。

小提琴：http://jsfiddle.net/Egttj/15/

我假设只是在样式表中指定相应的规则会给你带来一些麻烦。但是，是的，正如大家所指出的那样，这将是最好和最简单的方法。

Answer 3

比较第一种方法

$('#example tr').hover(function() {
    $(this).css('cursor','pointer');
});

使用第二种方法

$('#example td').css('cursor', 'pointer');`

我建议坚持第一个，因为它可以扩展到我们想要的任何jQuery：

$('#example tr').hover(function() {

    $(this).css('cursor','pointer');

    $(this).click(function() {
       var href = $(this).find("a").attr("href");
       if(href) {
          window.location = href;
       }
    });

});

Javascript悬停光标指针

3 个答案: