在 Jquery 中的悬停函数中传递变量

发布于 2024-12-02 20:11:08 字数 601 浏览 0 评论 0原文

我正在为按钮执行一个非常简单的悬停功能，我需要传递一个变量。我可以在悬停的第一个状态下使用该变量，但不能在第二个状态下使用该变量。这是否与变量是本地定义的并且在第二个函数中不可用这一事实有关？

这是代码：

$('#'+'[id^="world_map"]').hover(function() {

    var that2 = this.id;

    $('#' +that2+ '_thumbnail_container').animate({"opacity" : 1}, 150, function() { });
    $('#' +that2+ '_thumbnail_container').css('visibility','visible');

        },                  


    function() {
    $('#' +that2+ '_thumbnail_container').animate({"opacity" : 0}, 150, function() { });

    $('#' +that2+ '_thumbnail_container').css('visibility','hidden');
});

谢谢！

原文

I'm doing a very simple hover function for a button and I need to pas down a variable. I can use the variable in the first state of the hover but not in the second. Does it have something to do with the fact that the variable is defined locally and not available in within that second function?

Here's the code:

$('#'+'[id^="world_map"]').hover(function() {

    var that2 = this.id;

    $('#' +that2+ '_thumbnail_container').animate({"opacity" : 1}, 150, function() { });
    $('#' +that2+ '_thumbnail_container').css('visibility','visible');

        },                  


    function() {
    $('#' +that2+ '_thumbnail_container').animate({"opacity" : 0}, 150, function() { });

    $('#' +that2+ '_thumbnail_container').css('visibility','hidden');
});

thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

忆梦 2024-12-09 20:11:08

你是对的，这是因为变量 that2 是在第一个函数的范围内定义的。但是，值 (this.id) 本身在这两种方法中都可用。

$('#'+'[id^="world_map"]').hover(function() {


    $('#' +this.id + '_thumbnail_container').animate({"opacity" : 1}, 150, function() { });
    $('#' +this.id+ '_thumbnail_container').css('visibility','visible');

        },                  


    function() {
    $('#' +this.id+ '_thumbnail_container').animate({"opacity" : 0}, 150, function() { });

    $('#' +this.id+ '_thumbnail_container').css('visibility','hidden');
});

You're right, it is because the variable that2 is defined in the scope of the first function. However, the value (this.id) itself is available in both methods.

$('#'+'[id^="world_map"]').hover(function() {


    $('#' +this.id + '_thumbnail_container').animate({"opacity" : 1}, 150, function() { });
    $('#' +this.id+ '_thumbnail_container').css('visibility','visible');

        },                  


    function() {
    $('#' +this.id+ '_thumbnail_container').animate({"opacity" : 0}, 150, function() { });

    $('#' +this.id+ '_thumbnail_container').css('visibility','hidden');
});

回复收藏 0 原文

~没有更多了~