레일에서 jQuery 플러그인 문제

기본 레일 앱에서 작동하는 jquery 용 nivo 슬라이더 플러그인을 얻으려고합니다. 가장 간단한 개념 증명을 시도해 보았습니다. 데모를 공용 폴더의 정적 HTML 페이지에 넣었지만 아직 작동하지 않습니다. 여기에 내가 사용하고 현재의 헤더는 다음과 같습니다레일에서 jQuery 플러그인 문제

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<html lang="en"> 
<head> 
    <script type="text/javascript" src="../vendor/assets/javascripts/nivo-slider/demo/scripts/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="../vendor/assets/javascripts/nivo-slider/jquery.nivo.slider.js"></script> 
    <title>Nivo Slider Demo</title> 
    <link rel="stylesheet" href="../vendor/assets/javascripts/nivo-slider/themes/default/default.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="../vendor/assets/javascripts/nivo-slider/themes/light/light.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="../vendor/assets/javascripts/nivo-slider/themes/dark/dark.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="../vendor/assets/javascripts/nivo-slider/themes/bar/bar.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="../vendor/assets/javascripts/nivo-slider/nivo-slider.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="../vendor/assets/javascripts/nivo-slider/demo/style.css" type="text/css" media="screen" /> 

     <script type="text/javascript"> 
     $(window).load(function() { 
      $('#slider').nivoSlider(); 
     }); 
    </script> 

</head>

내가 오류 얻을 수 있지만이 Heroku가에로드 할 때마다 : ReferenceError가 : 나는 일반적으로 웹 개발에 비교적 새로운 해요

$ is not defined  

$(window).load(function() {

을, 하지만이 문제를 해결하는 방법을 모르겠습니다. 아이디어?

출처

2012-12-02 Slater Victoroff

JQuery가로드되지 않습니다. 레일에서 상대 경로를 사용하고 있습니다. 자바 스크립트를 수동으로로드해야하는 경우 다음을 고려해야합니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 수작업으로 추가 할 수 있습니다.

더 좋은 방법은 모든 자바 스크립트에 대한 asset pipeline을 사용하는 것입니다.

일반적으로 /app/views/layouts/application.html.erb 인 레이아웃 파일에서 javascript_include_tag "application" 코드를 추출했습니다.

다시 넣은 다음 asset pipeline을 사용하여 jQuery와 코드를 처리해야합니다.

상대 경로는 레일에서 허용되지만 예상대로 작동하지 않을 수 있습니다. Rails는 공급 업체 디렉토리가 아닌 공개 디렉토리의 자산만을 제공합니다. 일반적으로 레일스가 모든 js/css를 하나의 파일로 컴파일하도록하고 public/assets 디렉토리에서 제공됩니다.

출처

2012-12-02 18:13:17

그 라인은 아직 거기에 있었지만, 아약스 구글로 전환하면 문제가 해결되었습니다. 상대 경로가 레일에 허용되지 않습니까? –

@SlaterTyranus 업데이트보기 –

쿨, 고마워! 아직 완전히 데모를 작동시킬 수는 없지만 한 걸음 더 가깝습니다. –

답변

관련 문제