Question

我正在使用jquery如何在使用data-code = GB atribute重定向元素时触发警报？

我试了这个没有运气......

  $(".jvectormap-container path[data-code='GB']").mouseover(function(){
     alert('test');
  });

谢谢

Answer 1

稍作修改，它为我工作。我补充说 -

<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

Answer 2

为什么不使用jVectorMap onRegionOver的标准参数？您的代码在IE中无法使用，因为IE中没有path元素，而是使用shape代替。

Answer 3

你有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>

Answer 4

试试这个

$(function() {
    $(".jvectormap-container").filter("path[data-code='GB']").on('mouseover',function(){
        alert('test');
    });
});

jquery选择器作为自定义属性

4 个答案: