jQuery选择区域插件的问题

Question

我已经有几天时间处理这个问题并且我无法解决它:(。我需要在我的网站中使用jQuery Select Areas Plugin。我可以在一个简单的{{1}中使用这个插件在Drupal区域之外的纯PHP页面。它有.php和jquery.selectareas.ie8.css, jquery.selectareas.css文件。要插入输入图像，我们需要使用此代码

jquery.selectareas.js

当我在drupal区域之外的<div class="image-decorator"> <img alt="Image principale" id="example" src="test.jpg"/> </div> <script> $("document").ready(function(){ $('img#example').selectAreas({ //*********** minSize: [10, 10], onChanged: debugQtyAreas, width: 800, areas: [ { x: 10, y: 20, width: 60, height: 100, } ] }); }); var selectionExists; function areaToString (area) { return (area.x + ':' + area.y + ':' + area.width + ':' + area.height); } function output (text) { $('#output').html(text); } // Log the quantity of selections function debugQtyAreas (event, id, areas) { console.log(areas.length + " areas", arguments); }; // Display areas coordinates in a div function displayAreas (areas) { var text = ""; $.each(areas, function (id, area) { text += areaToString(area); }); return(text); }; </script> 文件中使用此代码时效果很好，这就是结果

但是当我在Drupal中使用此代码时，结果是

.php 指示的细分不会指定//***********宽度，黑色透明图层不会覆盖图像。我将代码的800px段放在面板内容中，其余部分放在html文件中。

这是js.js和.js个文件

更多信息

这是工作日（Drupal之外）的Firebug结果

它适用于那个不起作用的（在Drupal中）

如您所见，宽度和高度为.css