jquery 1.5.2替代.on（）函數

Question

我有任何Jquery專家來幫助我嗎？

我在一個項目中需要使用Jquery 1.5.2，我需要使用.on（）函數。

使它工作的方法是什麼？

的代碼模型如下：

$(document).on('mozfullscreenchange webkitfullscreenchange fullscreenchange',function(){ 
 
     \t \t //some code 
 
       alert("fulscreen change") 
 
\t \t }); 
 

 
function fullscreen() { 
 
      alert("full"); 
 
     \t \t if (!document.fullscreenElement && // alternative standard method 
 
\t \t  !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) { // current working methods 
 
\t \t \t  if (document.documentElement.requestFullscreen) { 
 
\t \t \t  document.documentElement.requestFullscreen(); 
 
\t \t \t  } else if (document.documentElement.msRequestFullscreen) { 
 
\t \t \t  document.documentElement.msRequestFullscreen(); 
 
\t \t \t  } else if (document.documentElement.mozRequestFullScreen) { 
 
\t \t \t  document.documentElement.mozRequestFullScreen(); 
 
\t \t \t  } else if (document.documentElement.webkitRequestFullscreen) { 
 
\t \t \t  document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); 
 
\t \t \t  } 
 
\t \t \t } else { 
 
\t \t \t  if (document.exitFullscreen) { 
 
\t \t \t  document.exitFullscreen(); 
 
\t \t \t  } else if (document.msExitFullscreen) { 
 
\t \t \t  document.msExitFullscreen(); 
 
\t \t \t  } else if (document.mozCancelFullScreen) { 
 
\t \t \t  document.mozCancelFullScreen(); 
 
\t \t \t  } else if (document.webkitExitFullscreen) { 
 
\t \t \t  document.webkitExitFullscreen(); 
 
\t \t \t  } 
 
\t \t \t } 
 
\t }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
 
<button onclick='fullscreen()'>fullscreen</button>

Answer 1

您可以在舊版本使用live()

從jQuery 1.7開始，不推薦使用.live（）方法。使用.on（）附加事件處理程序。老版本的jQuery用戶應優先使用.delegate（），而不要使用.live（）。 （來自http://api.jquery.com/live/兩者）​​

$('button').live('click', function() { 
 
    alert('clicked'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
 

 
<button>click</button>

Answer 2

下面是一個使用delegate一個例子：

<button id="fullscreen">fullscreen</button> 

jQuery(document).delegate('#fullscreen', 'click', function() { 
    fullscreen(); 
});