Jquery 1.5.2替代.on（）函数

Question

我有任何Jquery专家来帮助我吗？

我正处于一个需要使用Jquery 1.5.2的项目中，我需要使用 .on（）函数。

让它运作的方法是什么？

代码模型如下：

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

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

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

Answer 1

以下是使用delegate的示例：

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

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

Answer 2

您可以在旧版

中使用 live()

  

从jQuery 1.7开始，不推荐使用.live（）方法。使用.on（）附加事件处理程序。旧版jQuery的用户应该使用.delegate（）而不是.live（）。 （摘自http://api.jquery.com/live/）

＆＃13;

＆＃13;

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

＆＃13;

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

<button>click</button>

＆＃13;

＆＃13;

＆＃13;