Question

我正在建立一个游戏，有人必须使用这个JQuery缩放插件搜索照片中的小图像：http://www.professorcloud.com/mainsite/cloud-zoom.htm

当用户找到此元素时，需要单击它才能触发某个功能。所有这些都非常简单，只有当用户将鼠标悬停在此元素上时，它会破坏缩放功能，从而消除游戏。任何人都可以告诉我一种在这个缩放图像中嵌入可点击元素的方法，该方法不会破坏缩放的流程。

我在这里汇总了一个例子：

这里的任何帮助都非常感谢。

Answer 1

为什么不使用与此类似的onclick设置。只是不只是拍摄一个盒子，检查他们的坐标是否在正确的区域，如果是的话，做你必须的，如果没有，那么什么都不做。这消除了导致问题的标签的需要。

<html><head><script type="text/javascript">
function dog(){
alert("start");
pig.onclick=function(e){
alert(e.pageX+"dg"+e.pageY);
};
alert("done");
}
</script>
<title>your face</title>
</head>
<body onload="dog();">
<div style="display:block; width:200px; height:200px; background-color:Red;" id=pig>
</div>
</body>
</html>

Jquery缩放具有不会破坏功能的可单击元素

1 个答案: