다음 표준 이후에도 Jquery가 충돌합니다.

Question

이 jquery 전체 화면 플러그인이 있습니다. 비록 내가 모든 표준을 따르고 있지만 그에게주는 것은 jquery not defined 오류입니다. 나는 무엇을해야할지 모른다.

다음은 html로 인라인 된 코드입니다.

(function($){ 
    $(document).ready(function(){ 

     $("#fsButton").click(function(e){ 
      // Use the plugin 
      $("#content").fullScreen(); 
      e.preventDefault(); 
     }); 

    }); 


}(jQuery)); 

이

은 참고로 내가 드루팔 사이트에서 이것을 사용하고있는 HTML

/** 
* @name  jQuery FullScreen Plugin 
* @author  Martin Angelov 
* @version  1.0 
* @url   http://tutorialzine.com/2012/02/enhance-your-website-fullscreen-api/ 
* @license  MIT License 
*/ 

(function($){ 

    // Adding a new test to the jQuery support object 
    $.support.fullscreen = supportFullScreen(); 

    // Creating the plugin 
    $.fn.fullScreen = function(props){ 

     if(!$.support.fullscreen || this.length != 1){ 

      // The plugin can be called only 
      // on one element at a time 

      return this; 
     } 

     if(fullScreenStatus()){ 
      // if we are already in fullscreen, exit 
      cancelFullScreen(); 
      return this; 
     } 

     // You can potentially pas two arguments a color 
     // for the background and a callback function 

     var options = $.extend({ 
      'background' : '#111', 
      'callback' : function(){} 
     }, props); 

     // This temporary div is the element that is 
     // actually going to be enlarged in full screen 

     var fs = $('<div>',{ 
      'css' : { 
       'overflow-y' : 'auto', 
       'background' : options.background, 
       'width'  : '100%', 
       'height'  : '100%' 
      } 
     }); 

     var elem = this; 

     // You can use the .fullScreen class to 
     // apply styling to your element 
     elem.addClass('fullScreen'); 

     // Inserting our element in the temporary 
     // div, after which we zoom it in fullscreen 
     fs.insertBefore(elem); 
     fs.append(elem); 
     requestFullScreen(fs.get(0)); 

     fs.click(function(e){ 
      if(e.target == this){ 
       // If the black bar was clicked 
       cancelFullScreen(); 
      } 
     }); 

     elem.cancel = function(){ 
      cancelFullScreen(); 
      return elem; 
     }; 

     onFullScreenEvent(function(fullScreen){ 

      if(!fullScreen){ 

       // We have exited full screen. 
       // Remove the class and destroy 
       // the temporary div 

       elem.removeClass('fullScreen').insertBefore(fs); 
       fs.remove(); 
      } 

      // Calling the user supplied callback 
      options.callback(fullScreen); 
     }); 

     return elem; 
    }; 


    // These helper functions available only to our plugin scope. 


    function supportFullScreen(){ 
     var doc = document.documentElement; 

     return ('requestFullscreen' in doc) || 
       ('mozRequestFullScreen' in doc && document.mozFullScreenEnabled) || 
       ('webkitRequestFullScreen' in doc); 
    } 

    function requestFullScreen(elem){ 

     if (elem.requestFullscreen) { 
      elem.requestFullscreen(); 
     } 
     else if (elem.mozRequestFullScreen) { 
      elem.mozRequestFullScreen(); 
     } 
     else if (elem.webkitRequestFullScreen) { 
      elem.webkitRequestFullScreen(); 
     } 
    } 

    function fullScreenStatus(){ 
     return document.fullscreen || 
       document.mozFullScreen || 
       document.webkitIsFullScreen; 
    } 

    function cancelFullScreen(){ 
     if (document.exitFullscreen) { 
      document.exitFullscreen(); 
     } 
     else if (document.mozCancelFullScreen) { 
      document.mozCancelFullScreen(); 
     } 
     else if (document.webkitCancelFullScreen) { 
      document.webkitCancelFullScreen(); 
     } 
    } 

    function onFullScreenEvent(callback){ 
     $(document).on("fullscreenchange mozfullscreenchange webkitfullscreenchange", function(){ 
      // The full screen status is automatically 
      // passed to our callback as an argument. 
      callback(fullScreenStatus()); 
     }); 
    } 

})(jQuery); 

에서 참조하는 플러그인입니다. 그러나 이것은 자바 스크립트 문제가 될 것 같습니다.

Answer 1

대답은 간단하다 :

jQuery not defined error

는 => 당신은 jQuery 오브젝트를 사용하여 전에 jQuery 라이브러리 을 참조하지 않았다. 당신은 더 나은 플러그인을 작성하는 방법에 대한 jQuery guide-lines을 읽을

jQuery 라이브러리에 대한 참조를 추가하십시오 ... 그런데

.