jvectormap 예제가 빈 페이지를 표시하는 이유는 무엇입니까? 나는 예 일치하지 않습니다 다운로드 한 파일 이름과 JQuery와 - jvectormap.css와 JQuery와 - jvectormap.js을 변경해야했습니다 제외

http://jvectormap.com/tutorials/getting-started/jvectormap 예제가 빈 페이지를 표시하는 이유는 무엇입니까? 나는 예 일치하지 않습니다 다운로드 한 파일 이름과 JQuery와 - jvectormap.css와 JQuery와 - jvectormap.js을 변경해야했습니다 제외

다음 코드는 위의 웹 페이지에서 얻은 예에서 복사 암호. 지도의 다운로드 버튼은 파일을 다운로드하지 않았지만 jquery-jvectormap-world-mill-en.js라는 파일에 복사하여 붙여 넣은 데이터를 표시했습니다. 모든 파일은 데모 파일과 동일한 디렉토리에 있습니다.

<!DOCTYPE html> 
<html> 
<head> 
    <title>jVectorMap demo</title> 
    <link rel="stylesheet" href="jquery-jvectormap.css" type="text/css" media="screen"/> 
    <script src="jquery.js"></script> 
    <script src="jquery-jvectormap.js"></script> 
    <script src="jquery-jvectormap-world-mill-en.js"></script> 
</head> 
<body> 
    <div id="world-map" style="width: 600px; height: 400px"></div> 
    <script> 
     $(function(){ 
      $('#world-map').vectorMap(); 
     }); 
    </script> 
</body> 
</html>

결과는 브라우저에 표시 될 때 모두 하얀색 웹 페이지입니다. 나는 웹 프로그래밍에 익숙하지 않지만 $ ('# world-map')이라고 생각한다. 사용할지도를 말하기위한 정보를 제공해야합니다. 도와주세요.

일부 예제는 코드가 수행하는 작업과 자원이 있어야하는 장소를 설명합니다. 다른 사람들은 당신이 직관적으로 그것이 어떻게 작동 하는지를 알기를 기대하지만, 배우면서 당신은 모릅니다. "무료"소프트웨어는 항상 비용, 시간 및 스트레스가 오면 무료 인 것은 아니며 돈을 더 빨리 지불합니다.

출처

2013-09-07 Jie Hart

나는 Jie와 똑같은 문제가 있었지만 바울이 경로 상대를 만들어야한다고 언급하면서 발견했습니다. 그러나 그 해결책 외에도 내가 사용했던지도 jquery 파일을 수정해야하므로 " jquery "를 다음과 같이 $로 입력하면됩니다.

< ----! 원본 파일 : ->

jquery.fn.vectorMap ('addMap'..)

< ----! 수정 된 파일 : ->

$ .fn.vectorMap ('addMap'...)

다음 포럼 게시물을 참조하시기 바랍니다 : https://forum.jquery.com/topic/trying-to-get-jvectormap-working

출처

2016-07-17 05:40:57 Tj895

작동합니다, here's the proof.

html의 파일을 올바르게 가리 키지 않았을 가능성이 있습니다.

그리고 당신은지도를 가리 할 필요가 없습니다은 "지도"에 대한 기본 값은 "world_mill_en"입니다 :

jvm.WorldMap.defaultParams = { 
    map: "world_mill_en",

이 jQuery를-jvectormap-1.2.2.min에서 발췌 한 것입니다. $('#world-map').vectorMap()을 완벽하게 만드는 js.

출처

2013-10-01 18:20:58 itmitica

말을 죄송합니다 jsfiddle 링크 부서져있다. – jcuenod

죄송 후반 무게,하지만 문제는 당신이 당신의 웹 브라우저에서 디버그 메시지를 보면

<script src="jquery.js"></script>

이 (실패 라인이 당신이 라인 ReferenceError가의 JQuery와이 아닌 찾을 것이라는 가능성이 높습니다합니다을 정의하십시오 - 예를 들어 Firefox에서 오른쪽 클릭 메뉴 : 요소 검사 -> 콘솔을 선택하고 페이지를 다시로드하십시오.

나는 당신이 실행중인 시스템 모르겠지만, 리눅스 jquery.js는 /usr/share/javascript/jquery/jquery.js 종종있다.

그래서, 당신은 웹 서버가있는 경우, jquery.js가 위치를 알지 확인, 또는

<script src="/usr/share/javascript/jquery/jquery.js"></script>

와 라인

<script src="jquery.js"></script>

를 교체합니다.

출처

2014-03-16 11:32:14

jvectormap 예제가 빈 페이지를 표시하는 이유는 무엇입니까? 나는 예 일치하지 않습니다 다운로드 한 파일 이름과 JQuery와 - jvectormap.css와 JQuery와 - jvectormap.js을 변경해야했습니다 제외

답변

관련 문제