我的jquery插件不适用于jsfiddle

Question

这是我的jquery插件，它没有做太多但不起作用。我做错了什么？

(function($) {

jQuery.fn.myTest = function(){
    var $this = jQuery(this);
    $this.on('keyup', function(){
        $(this).after('<div>event</div>');
    })
    return this;
}

}(jQuery));    
$(".test").myTest();
alert('asasfd')

没有附加警报或div。小提琴在这里http://jsfiddle.net/vfDKj/3/

Answer 1

插件'应该'有用 - 但要小心，因为'keyup'仅适用于可以有焦点的元素。

jQuery - keydown() on div not working in Firefox

将<div id="testdiv" tabindex="0"></div>添加到div以使其获得焦点。

另外，为了安全起见，我将$(".test").myTest();包装在doc ready函数中。 http://jsfiddle.net/Reubenator/QFYzu/

Answer 2

请尝试将jQuery更改为2.0.x之类的新版本，然后按“运行”。整个脚本看起来很好，并且在输入密钥后提供操作。此外，请描述真正无效的内容。如果没有出现警报，则表示您身边有问题 - 也许您的浏览器已关闭javascript？

Answer 3

似乎工作正常。这是它工作的截图。