저는 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는 자산 파이프 라인 통화를 조정합니까?
AJAX는 레일스에 어떤 문제가 있습니까? 이 질문을 이해하는 데 문제가 있습니다. 정적 파일에서 JavaScript 객체를 참조하려고합니까? –
NickM,이 특정 jQuery 플러그인이 파일을 참조하는 방식을 이해하는 데 많은 어려움을 겪고 있으며 Rails 자산 파이프 라인 내에서 나에게 의미가 없습니다. 그래서 그것은 제가 질문을 공식화하는 것을 더 어렵게 만듭니다. jQuery는 AJAX를 사용하여 소스 JSON 파일을 참조하는보기에 있으며 JSON 파일은 AJAX로 이미지 파일을 다시 참조합니다. 이것은 나를위한 익숙하지 않은 구조이며 나는 그 주위에 내 마음을 감쌀 수 없다. 이 방법으로 작동 할 수 없으므로 일부 추가 컨트롤을 사용하여 DOM에 이미지가로드되어 이미지가 오버랩됩니다. – Allen
업데이트 : 해결. 문제는 AJAX가 아니라 잘못된 JSON입니다. 이 JSON 검사기를 사용하여 오류를 수정했습니다. https://jsonformatter.curiousconcept.com/ – Allen