jquery選擇器作爲自定義屬性

我正在使用jquery如何在使用data-code = GB atribute將鼠標懸停在元素上時觸發警報？jquery選擇器作爲自定義屬性

我想這沒有運氣...

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

謝謝

來源

2012-10-04 LCDesign Cambridge

代碼在這裏 - http://jsbin.com/opedih/1/edit –

元素'path'的實際名稱是？ –

扭轉報價是否有所作爲？ '（'。jvectormap-container path [data-code =「GB」]'）' –

爲什麼不使用jVectorMap onRegionOver的標準參數？您的代碼在IE中不起作用，因爲IE中沒有path元素，所以它使用shape代替。

來源

2012-10-07 10:54:45 bjornd

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

來源

2012-10-04 20:56:28 d1pr3d

我不能將svg從DIV中取出，但是我添加了xlmns和版本以及類SVG元素，但仍然沒有運氣:-( $（'。jvectormap-container svg：first'）。attr（'xmlns'，'http://www.w3.org/2000/svg'）; $（'。jvectormap-container svg：first'）。attr（'version'，'1.1'）; $（'。jvectormap-container svg：first'）。attr（'class'，'jvectormap-container'） ; –

經過微小的修改，它爲我工作。我說 -

<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

來源

2012-10-04 21:05:00

試試這個

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

來源

2012-10-04 21:24:12

jquery選擇器作爲自定義屬性

回答

相關問題