javascript - ImageMapster - jquery/html 问题

Question

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

如果将鼠标悬停在图片上，您将能够看到几个小框，当您将鼠标悬停在它们上方时，您会在图片下方看到描述。 (如果它不起作用，请尝试单击图像本身)。它使用 area 标签。

我尝试使用相同的方法并在普通的 HTML 站点上实现它。但是，它不起作用，我无法理解我对不起作用的 jsfiddle 做错了什么。

示例站点:http://www.nina-naustdal.com/index1.html

完全相同的站点，这很烦人。有人可以阐明这个问题吗。

再次感谢您的协助。

Answer 1

只需将您的代码包装在

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

或

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

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

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