未捕获的TypeError：undefined不是简单脚本上的函数

Question

我从另一个stackoverflow问题复制并粘贴了这个脚本。这是他们提供的JSfiddle。 http://jsfiddle.net/LmVRZ/2/

我有一个wordpress网站，我使用wp_enqueue_script和wp_register_script链接它，这里是文件 -

 var sourceSwap = function () {
        var $this = $(this);
        var newSource = $this.data('alt-src');
        $this.data('alt-src', $this.attr('src'));
        $this.attr('src', newSource);
    }

    $(function () {
        $('img.switch').hover(sourceSwap, sourceSwap);
    });

它说这个错误＆＃34; Uncaught TypeError：undefined不是简单脚本的函数。 （匿名函数）。

不知道我做错了什么，因为我直接复制并粘贴了？

如果它有帮助，那么我将如何在wordpresss中加载脚本

wp_register_script( 'rollover', get_template_directory_uri() . '/js/rollover.js' , array( 'jquery' ) );

Answer 1

尝试：

jQuery(function ($) {
    var sourceSwap = function () {
        var $this = $(this);
        var newSource = $this.data('alt-src');
        $this.data('alt-src', $this.attr('src'));
        $this.attr('src', newSource);
    }
    $('img.switch').hover(sourceSwap, sourceSwap);
});