为什么这个onclick jquery不起作用？

Question

我有这个HTML

<input type="text" id="one" />
<input type="text" id="two" />

<button type="button" id="onebtn" >hide</button>

和js一样

$('#onebtn').on('click',function(){
    $('#one').fadeOut('slow',function(){
        $('#two').fadeIn('slow');
    });
});

但这似乎不起作用,但如果我使用<input type="button" />它,但我想使用<button ></button>

小提琴http://jsfiddle.net/Fzg7b/

Answer 1

这是因为,你没有在你的小提琴中加载jQuery.

从左上角加载jQuery版本.然后它会工作!

http://jsfiddle.net/afzaal_ahmad_zeeshan/Fzg7b/5/

试试吧!这是工作.

有关C Fairweather提及使用的信息

$(function(){ 
   /* A shortcut for dom ready */
});

如果没有我们看到的DOM就绪函数,那么jQuery代码就不会起作用

$(document).ready(fucntion () {
   /* functions here.. */
})

但是jsfiddle不需要这个!所以它不是必需的!但要想出一个好点.:)