Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.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
Html 选择热点后,图像贴图将跳转到原点_Html_Css - Fatal编程技术网

Html 选择热点后,图像贴图将跳转到原点

Html 选择热点后,图像贴图将跳转到原点,html,css,Html,Css,我有一个非常大的我的老学校全景图像,我使用图像地图和工具提示(使用工具提示)的组合来标记面,并获得建议名称的反馈。我的问题是,当我一单击跳点就选择屏幕外的面(即,我必须滚动才能找到它)时,图像会跳转到其原点(左上角),我选择的人和工具提示会离开屏幕而不可见 你可以在这里看到一个演示:只有照片最末端的人有这个演示的热点 有没有办法防止跳转到原点?我不是一个程序员,所以需要基本的指导,如果可能的话,如何做到这一点 谢谢出现此问题是因为您指向#,请注意#在单击时出现在您的URI之后 确保javascr

我有一个非常大的我的老学校全景图像,我使用图像地图和工具提示(使用工具提示)的组合来标记面,并获得建议名称的反馈。我的问题是,当我一单击跳点就选择屏幕外的面(即,我必须滚动才能找到它)时,图像会跳转到其原点(左上角),我选择的人和工具提示会离开屏幕而不可见

你可以在这里看到一个演示:只有照片最末端的人有这个演示的热点

有没有办法防止跳转到原点?我不是一个程序员,所以需要基本的指导,如果可能的话,如何做到这一点


谢谢

出现此问题是因为您指向#,请注意#在单击时出现在您的URI之后

确保javascript在功能发生后返回false,并且应该防止此功能

//do something
return false;

onclick="... return false;"
这将停止跳转到页面顶部,并尝试指向未定义的标记

或者使用jquery

$(".face").click(function(e) {
    function();
    e.preventDefault();
});

我看到您正在使用tooltipster,它会在单击时投射事件,这意味着您实际上没有链接任何内容,因此我不确定您将在何处禁用此功能-我将进一步查看。

未经授权,我们无法查看链接:)啊,是的-抱歉,我现在将删除身份验证-doh!没有auth我看不到该页面,但我想这是一个href=“#”问题。页面url是否在出错的同时添加了“#”?如果是,请确保onclick事件返回false。href=“#”onclick=“makeMyTooltip();return false;”仍然无法连接,这似乎对我不起作用。谢谢你,杰克。今天晚些时候我会看看这个解决方案。没问题,如果能看到它工作,那就太酷了!我爷爷上过这所学校,所以可能在这些照片上,哈哈