Wordpress에서 JQuery 도구 팁이 작동하지 않습니다.

Question

fiddle에서와 같이 이미지 맵 도구 팁을 만들고 이미지 맵을 잘 만들려고합니다.

그러나 WordPress에 다음 코드를 구현하려고하면 페이지가로드되지 않습니다.

도와주세요 :

이

코드 :

<script type="text/javascript" src="js/mytooltip.js"></script> 


<div id="wrapper"> 
    <img width="920" height="450" src="http://www.red-team-design.com/wp-content/uploads/2011/10/world-map.jpg" alt="World continents"> 

<div class="pin pin-down" data-xpos="170" data-ypos="100">  
    <h2>North America</h2>  
    <ul> 
    <li><b>Area (km�):</b> 24,490,000</li> 
    <li><b>Population:</b> 528,720,588</li> 

    </ul> 
</div> 

<div class="pin" data-xpos="270" data-ypos="320">  
    <h2>South America</h2>  
    <ul> 
    <li><b>Area (km�):</b> 17,840,000</li> 
    <li><b>Population:</b> 382,000,000</li> 

    </ul> 
</div> 

<div class="pin pin-down" data-xpos="450" data-ypos="110">  
    <h2>Europe</h2>  
    <ul> 
    <li><b>Area (km�):</b> 10,180,000</li> 
    <li><b>Population:</b> 731,000,000 </li> 

    </ul> 
</div> 

<div class="pin" data-xpos="450" data-ypos="250">  
    <h2>Africa</h2>  
    <ul> 
    <li><b>Area (km�):</b> 30,370,000</li> 
    <li><b>Population:</b> 1,022,011,000</li> 

    </ul> 
</div> 

<div class="pin pin-down" data-xpos="650" data-ypos="130">  
    <h2>Asia</h2> 
    <ul> 
    <li><b>Area (km�):</b> 43,820,000</li> 
    <li><b>Population:</b> 3,879,000,000</li> 

    </ul> 
</div> 

    <div class="pin pin-down" data-xpos="750" data-ypos="310">  
    <h2>Australia</h2>  
    <ul> 
    <li><b>Area (km�):</b> 9,008,500</li> 
    <li><b>Population:</b> 31,260,000</li> 

    </ul> 
</div> 

</div> 

Answer 1

것은 당신이 jQuery를 제대로로드했는지 확인하고 jQuery 코드 전에 : 그 외에

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

, 어쩌면 충돌이 jQuery와 Wordpress 사이에 다음을 사용하여 문제를 해결하십시오.

jQuery(document).ready(function($){ 
    // Your code here 
});