ImageMapster - jquery/html问题

Question

我有一些关于jquery插件(ImageMapster)的问题。ImageMapster提供了一个演示jsfiddle来测试他们的演示，他们使用一个资源，其余的就在您面前：http://jsfiddle.net/nYkAG/396/

如果您将鼠标悬停在图像上，您将能够看到几个小方框，当您将鼠标悬停在这些小方框上时，您将看到图像下方的描述。(如果它不工作，那么尝试点击图像本身)。它使用area标记。

我尝试使用相同的方法，并在一个普通的HTML站点上实现它。然而，它不能工作，我不能理解我对不能工作的jsfiddle做错了什么。

示例SIte：http://www.nina-naustdal.com/index1.html

这是完全相同的网站，这是恼人的。有人能解释一下这个问题吗？

再次感谢您的帮助。

Answer 1

只需将您的代码包装在

$(function(){
   // Your code
});

或

$(window).load(function(){
   //Your code
});

在将#beatles加载到DOM之前，您正在访问它。

它在jsfiddle下运行，因为它包装在$(window).load(function(){中。