jquery を使用していますが、data-code=GB 属性を持つ要素にマウスオーバーしたときにアラートをトリガーするにはどうすればよいですか?
私は運が悪いのでこれを試しました...
$(".jvectormap-container path[data-code='GB']").mouseover(function(){
alert('test');
});
ありがとうございました
jquery を使用していますが、data-code=GB 属性を持つ要素にマウスオーバーしたときにアラートをトリガーするにはどうすればよいですか?
私は運が悪いのでこれを試しました...
$(".jvectormap-container path[data-code='GB']").mouseover(function(){
alert('test');
});
ありがとうございました
jVectorMap の標準パラメータを使用しないのはなぜonRegionOver
ですか? path
IE には要素がないため、コードは IE では機能しませんshape
。代わりに使用します。
わずかな変更で、それは私のために働いています。追加した -
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.jvectormap-container path[data-code="GB"]').bind('mouseover', function(){
alert('test');
});
});
</script>
</head>
作業コピーはこちら: http://jsbin.com/uwatiz/5/edit
div内にパスがあります。これは何か間違っています。パスを適切に使用すると、js コードが正常に動作します。
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="jvectormap-container">
<path d="M150 0 L75 200 L225 200 Z" data-code='GB' />
</svg>
これを試して
$(function() {
$(".jvectormap-container").filter("path[data-code='GB']").on('mouseover',function(){
alert('test');
});
});