Jquery 在firefox中将ismap添加到图像链接时,preventDefault不起作用
我正在做一个创建地图编辑器的测试,当点击一个图像时, 它将显示单击点的结果 我不想重新加载页面,所以在 用户单击地图 我在chrome上试过,效果很好,但在firefox上,它只是在重新加载 我还尝试删除图像中的Jquery 在firefox中将ismap添加到图像链接时,preventDefault不起作用,jquery,html,ajax,firefox,Jquery,Html,Ajax,Firefox,我正在做一个创建地图编辑器的测试,当点击一个图像时, 它将显示单击点的结果 我不想重新加载页面,所以在 用户单击地图 我在chrome上试过,效果很好,但在firefox上,它只是在重新加载 我还尝试删除图像中的ismap属性,并且preventDefault()有效。 但是,我仍然希望ismap属性包含在img标记中 我寻找类似的问题,试图根据他们的建议和建议来解决它 得出以下代码: <html> <head> <script type="text/jav
ismap
属性,并且preventDefault()
有效。
但是,我仍然希望ismap
属性包含在img
标记中
我寻找类似的问题,试图根据他们的建议和建议来解决它
得出以下代码:
<html>
<head>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(function(){
$('#test').bind('click', function(e){
e.preventDefault();
//some more codes here..
$('#output').append('success');
});
});
</script>
</head>
<body>
<a href="preventDefault.html" id="test"><img src="aup.jpg" ismap="ismap"/> </a>
<div id="output">
</div>
</body>
</html>
由于
标记已经有固定的坐标链接到图像。。希望我澄清了误解。) 正如您所说,删除映像中的ismap属性和preventDefault()是有效的,问题可能在于此属性
要在HTML5中使用自定义数据属性,必须在属性名称之前使用attr
标记,因此属性名称应为attr ismap
有关HTML5自定义数据属性(数据-*)的更多信息:
试试这个补丁,告诉我,希望它能帮上忙
[编辑]
ismap
是img标签的一个自定义属性,因此不必成为HTML5的自定义数据属性
对不起 为什么要用链接来包装它?这是地图的默认设置你想取消我将它包装在一个链接中,因为我在以后的编码中将需要图像的坐标。。我希望通过ajax获得坐标值。。这就是为什么..添加#map和handle coords谢谢你的链接,但是你建议的链接使用的是map标记而不是img标记。。。如果我要遵循这一点,我需要重新构造代码,使其遵循映射默认值。。谢谢你,但我还是觉得很烦,为什么我的代码在firefox中不起作用……)谢谢..您出现问题的原因是浏览器在执行定位操作之前执行图像ismap default。好吧,我尝试过,但据我所知,
ismap
属性不仅仅是一个普通属性,因为如果您将其包含在img标记中,您可以获得图像像素的坐标。。如果我错了,请纠正我,但这不是自定义数据…)@卡兹拉你完全正确,我很困惑,对不起!您是否尝试过仅使用ismap而不使用ismap=“ismap”?没问题,由于您的建议,我还学习了新的自定义属性。。是的,我已经试过只使用ismap
而不是ismap=“ismap”
,但是仍然不起作用。您是否尝试过使用jQuery.ajax()
来避免重新加载页面,而不是使用preventDefault
?关于jQuery.ajax()
:关于jQuery.ajax()
,我稍后将在链接的单击事件中使用它。。我使用preventDefault()
来防止重新加载页面,以便在用户单击图像时成功使用ajax。。因此,preventDefault()
<map>
<area>
</map>