2015-03-02 30 views
0

我有一个非常大的全景图像,我正在使用图像地图和工具提示(使用Tooltipster)标记面部并获取建议名称的反馈。我的问题是,当我点击跳跃点时,当我选择一个离开屏幕的面(即,我必须滚动到达它)时,图像跳转到它的原点(左上角)和我选择的人并且工具提示离开屏幕并且不可见。当选择了热点时,图像地图跳转到原点

你可以在这里看到一个这样的演示:http://www.oldkingstonianshull.org.uk/members/slider_demo/panorama_1925.html只有在照片最极端的人有这个演示的热点。

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

感谢

+2

我们无法查看联系方式擅自动态:) – 2015-03-02 15:14:08

+0

Ah yes - 抱歉,我现在将删除身份验证 - doh! – Pedro 2015-03-02 15:17:00

+0

我看不到没有认证的页面,但我想这是一个href =“#”问题。 Doese的网页获得一个“#”的同时它增加了错误?如果是,请确保您的onclick事件返回false。 href =“#”onclick =“makeMyTooltip(); return false;” – 2015-03-02 15:18:08

回答

0

因为你指着#出现此问题,注意在点击您的URI后出现#。

确保您的JavaScript在发生功能后返回false,并且应该防止此功能。

//do something 
return false; 

onclick="... return false;" 

这将停止跳转到页面的顶部,它试图指向一个未定义的标记。

使用jQuery

或者......

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

我看你使用tooltipster,其上点击施放事件,这意味着你没有真正连接任何东西,所以我不知道你在哪里会禁用此功能 - 我会进一步了解。

+0

谢谢杰克。我会在今天晚些时候看看这个解决方案。 – Pedro 2015-03-02 15:29:28

+0

没问题,看到工作会很酷!我的爷爷去了这所学校,所以很可能在这些图片上哈哈 – 2015-03-02 15:31:40