Javascript jQuery选择区域插件存在问题

这几天我一直在解决这个问题，但我无法解决它：（.我需要在我的站点中使用。我可以在Drupal区域之外的一个简单的

.php

纯php页面中使用此插件。它有

jquery.selectareas.ie8.css、jquery.selectareas.css

和

jquery.selectareas.js

文件。要插入输入图像，我们需要使用此代码。）

<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>

$（“文档”）.ready（函数（）{
$（'img#示例'）。选择区域（{//***********
minSize:[10,10]，
一旦更改：debugqtyreas，
宽度：800，
领域：[
{
x:10，
y:20，
宽度：60，
身高：100，
}
]
});
});
var选择存在；
功能区域到字符串（区域）{
返回（area.x+'：'+area.y+'：'+area.width+'：'+area.height）；
}
函数输出（文本）{
$（'#output'）.html（文本）；
}
//记录选择的数量
函数debugqtyreas（事件、id、区域）{
console.log（areas.length+“areas”，参数）；
};
//在div中显示区域坐标
功能显示区域（区域）{
var text=“”；
$。每个（区域、功能（id、区域）{
text+=区域字符串（区域）；
});
返回（文本）；
};

当我在drupal区域之外的

.php

文件中使用此代码时，它运行良好，这就是结果

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

/************

所指示的段不指定

800px

宽度，黑色透明层不覆盖图像。我将

html

段代码放在面板内容中，其余部分放在

js.js

文件中

这是

.js

和

.css

文件

更多信息 这是正在工作的Firebug的结果（在Drupal之外）

它是为一个不工作的人（在Drupal中）

---

正如您所看到的，宽度和高度是

0

工作版的jQuery版本是什么？@JimmyKo工作版是

jQuery-3.0.0.min

，但Drupal上的版本是

1.10

（我正在使用jQuery更新模块）我想知道它是否与jQuery版本有关，这个插件的演示使用的是jQuery 1.11。你可以先试试该插件是否能与1.10兼容。该插件的jQuery版本是什么？@JimmyKo工作版本是

jQuery-3.0.0.min

，但Drupal上的版本是

1.10

（我使用的是jQuery更新模块）我想知道它是否与jQuery版本有关，这个插件的演示使用的是jQuery1.11。你可以先试试这个插件是否可以使用1.10。