javascript - 嵌套函数中的变量返回未定义

Question

变量 my_sound 在第一个外部函数中声明。所以，我应该可以在嵌套函数中使用它。但是 mouseout 事件不会产生任何结果。我究竟做错了什么？谢谢你的帮助。

$(document).ready(function () {

    var starting_pics = ["CN.gif", "EN.gif", "GN.gif"];
    var starting_sounds = ["CN.mp3", "EN.mp3", "GN.mp3"];

    var i = 0;

    for (i = 0; i < starting_pics.length; i++) {
        $("<img/>").attr("src", "images/" + starting_pics[i]).appendTo("#main").addClass("pics");
    }

    $("#main").on("click", ".pics", function () {
        var i = $(this).index();
        var my_sound =($("<audio/>").attr("src", "audio/" + starting_sounds[i])).load().get(0).play();

        $("#main").on("mouseout", ".pics", function () {
            $("my_sound").animate({ volume: 0 }, 1000);
        });
    });
});

Answer 1

问题可能是.play()它不返回 jQuery 对象（或任何东西，就此而言，因此undefined）。

此外，正如其他评论所说，您不希望它$('my_sound').whatever只是my_sound.whatever 一个 jQuery object，但事实并非如此。所以也许你可以试试

var $my_sound = $("<audio />").attr("suchandsuch","etc");
$my_sound.load().get(0).play();
$my_sound.whatever();