分類  >  Web前端 >

live,on,bind實施順序

tags:    時間:2013-12-10 00:33:42
live,on,bind執行順序

//live方法在jquery1.9以後的版本已經棄用,但在之前的版本中還可以使用。

//今天遇到一個問題,檢測代碼都沒有什麼問題,最後發現是執行順序的問題。

//總結如下:

 

<div class="a">

   aaa

   <div class="b">

       bbb

   </div>

</div>

<input type="button" value="btn" id="btn" />

<script type="text/javascript" src="jquery-1.7.2.js"></script>

<script type="text/javascript">

/*

 **live,on,bind,和直接用『click』方法,

 **后三種的執行優先順序高於第一種(當在一個應用中同時出現這幾種方式時,live這種調用方式最後執行)

 **后三種的執行,按照代碼中的先後順序依次執行

*/

$('#btn').live('click', function(){

console.log('1')

console.log($('.b').is(':visible'));

})

$('#btn').click(function(){

console.log('4');

})

$('#btn').bind('click', function(){

console.log('3');

})

$('#btn').on('click', function(){

console.log('2')

$('.a').hide();

})

</script>

 

推薦閱讀文章

Bookmark the permalink ,來源:互聯網