Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用imgNotes在特定位置显示文本_Javascript_Jquery - Fatal编程技术网

Javascript 使用imgNotes在特定位置显示文本

Javascript 使用imgNotes在特定位置显示文本,javascript,jquery,Javascript,Jquery,我在我的网页中使用imgNotes在背景图像上显示工具提示。它确实有效。 现在我还想在一个特定的位置添加一个简单的文本,而不使用弹出窗口。 我想使用与imgNotes相同的坐标(“addNote”) 你能帮我吗 谢谢你和问候 帕斯夸尔我解决了我的任务;我在imgNotes.js文件的addNote之前添加了一个新函数 /* * Add a text */ addText: function(relx, rely, text) { var self = this; var e

我在我的网页中使用imgNotes在背景图像上显示工具提示。它确实有效。 现在我还想在一个特定的位置添加一个简单的文本,而不使用弹出窗口。 我想使用与imgNotes相同的坐标(“addNote”)

你能帮我吗

谢谢你和问候


帕斯夸尔

我解决了我的任务;我在imgNotes.js文件的addNote之前添加了一个新函数

/*
 *  Add a text
 */
addText: function(relx, rely, text) {
    var self = this;
    var elem = $(document.createElement('span')).html(text);    
    var $elem = $(elem);
    $(this.img).imgViewer("addElem",elem);
    $elem.data("relx", relx).data("rely", rely);

    switch (this.options.vAll) {
        case "top": $elem.data("yOffset", 0); break;
        case "bottom": $elem.data("yOffset", $elem.height()); break;
        default: $elem.data("yOffset", Math.round($elem.height()/2));
    }
    switch (this.options.hAll) {
        case "left": $elem.data("xOffset", 0); break;
        case "right": $elem.data("xOffset", $elem.width()); break;
        default: $elem.data("xOffset", Math.round($elem.width()/2));
    }

    this.notes.push(elem);
    $(this.img).imgViewer("update");
    return elem;
}

问题在于,文本在Chrome中的位置正确,但在FireFox中却不正确。