0

我有一个 popup.html，它先加载 jquery，然后再加载 popup.js。当我将鼠标悬停在具有某个类的 div 上时，我试图更改光标，但这并没有发生。

popup.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link type="text/css" rel="stylesheet" href="css/fbh-ui.css" />
    <script type="text/javascript" src="js/jq.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
</head>

<body style="width: 200px">
    <div id="fbh-main">
        <div class="fbh-popup-menu-item" id="fbh-popup-enabled"></div>
    </div>
</body>

popup.js

$(document).ready(function() {
    $('.fbh-popup-menu-item').mouseenter(function() {
        this.css('cursor', 'pointer');
    });

    $('.fbh-popup-menu-item').mouseleave(function() {
        this.css('cursor', 'default');
    });
});

这段代码应该可以工作。DOM 元素已经存在，所以没有理由不存在。

4

1 回答 1

2

你写this函数的方式是错误的，它必须是这样的$(this)：

以下是更新后的代码：

 $(document).ready(function() {
        $('.fbh-popup-menu-item').mouseenter(function() {
            $(this).css('cursor', 'pointer');
        });

        $('.fbh-popup-menu-item').mouseout(function() {
            $(this).css('cursor', 'default');
        });
    });
于 2013-02-10T05:20:11.627 回答