2016-09-23 2 views
-1

저는 Mapplic jQuery 플러그인을 사용하여 레일즈에서 건물을위한 간단한 길 찾기 앱을 만들고 있습니다.레일스에서 ​​jQuery를 통해 JSON 파일을 호출하는 방법은 무엇입니까?

$('#floor-5').mapplic({ 
    source: 'floor-5.json', 
    height: 1000, 
    minimap: false, 
    sidebar: true, 
    hovertip: true, 
    developer: false, 
    maxscale: 3 
}); 

내가 app/assets/json/floor-5.json에서 JSON 파일이 :

스크립트는과 같이 호출하는 JSON 파일을 기대하고있다.

저는 jQuery 스크립트가 AJAX를 사용하려고 시도하고 있다고 생각하는데, 레일즈에서 문제가 있다는 것을 알고 있습니다.

JS 및 CSS 파일은 모두 자산 파이프 라인을 통해 제대로 호출되지만 자산 파이프 라인을 통해 필요한 JSON 파일에 올바르게 액세스하는 방법을 잘 모르겠습니다.

JSON 파일은이 AJAX를 통해 사용하고자하는 이미지가로드 :

{ 
    "mapwidth":"1080", 
    "mapheight": "1000", 
    "levels": [ 
    { 
     "id" : "floor-5", 
     "map" : "/assets/images/floor-5.png", 
     "minimap" : "/assets/images/floor-5.png" 
     } 
    ] 
} 

어떻게 이러한 AJAX는 자산 파이프 라인 통화를 조정합니까?

+1

AJAX는 레일스에 어떤 문제가 있습니까? 이 질문을 이해하는 데 문제가 있습니다. 정적 파일에서 JavaScript 객체를 참조하려고합니까? –

+0

NickM,이 특정 jQuery 플러그인이 파일을 참조하는 방식을 이해하는 데 많은 어려움을 겪고 있으며 Rails 자산 파이프 라인 내에서 나에게 의미가 없습니다. 그래서 그것은 제가 질문을 공식화하는 것을 더 어렵게 만듭니다. jQuery는 AJAX를 사용하여 소스 JSON 파일을 참조하는보기에 있으며 JSON 파일은 AJAX로 이미지 파일을 다시 참조합니다. 이것은 나를위한 익숙하지 않은 구조이며 나는 그 주위에 내 마음을 감쌀 수 없다. 이 방법으로 작동 할 수 없으므로 일부 추가 컨트롤을 사용하여 DOM에 이미지가로드되어 이미지가 오버랩됩니다. – Allen

+0

업데이트 : 해결. 문제는 AJAX가 아니라 잘못된 JSON입니다. 이 JSON 검사기를 사용하여 오류를 수정했습니다. https://jsonformatter.curiousconcept.com/ – Allen

답변

0

잘못된 JSON이있을 수 있습니다. 애셋이 레일스 애셋 파이프 라인의 올바른 폴더에 모두있는 경우 레일즈는 AJAX를 사용하여 해당 파일을 찾는 데 문제가 없어야합니다. 그러나 잘못된 JSON을 사용하면 파일을 전혀로드 할 수없는 것처럼 동일한 오류가 발생합니다. JSON 검사기를 사용하여 문제가 해결되는지 확인하십시오. https://jsonformatter.curiousconcept.com/

관련 문제