jquery點擊功能選擇並取消選擇

我需要一些幫助，這個jQuery代碼。我有一個SVG地圖，我需要一個點擊一個國家來選擇一個國家，並取消選擇另一個。有人能幫助我嗎？ :) 這是代碼：jquery點擊功能選擇並取消選擇

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){ 
$(document).ready(function() { 




$("path").mouseover(function() { 
    $(this).css('cursor', 'pointer');$(this).attr({ 
    fill: "#FF0000", 
    stroke: "#00FF00" 
    }); 
    $(this).css('cursor', 'pointer'); 
    }) 
.mouseout(function(){ 
    if(!$(this).data('clicked')){ 
     $(this).attr({ 
    fill: "#FFFFFF", 
    stroke: "#eee" 
    }); 
    } 
    }); 


$("path").click(function() { 
$(this).attr({ 
    fill: "#FF0000", 
    stroke: "#00FF00" 
}); 
$(this).data('clicked', true); 

}); 

}); 
});//]]> 

</script>

來源

2012-09-15 El Alex

時加入一些類你不解釋你得到的是什麼問題或錯誤，這是一個很糟糕的問題，只是粘貼代碼。 – Nelson

最有力的方法是使用：http://api.jquery.com/toggle-event/

來源

2012-09-15 16:33:10

我已經用自定義代碼解決了這個問題，但直到今天我還不知道'toggle（）'。爲什麼它被標記爲廢棄，但？ – jimp

哎呀......這在文檔頁面上不太可見。檢查這裏：http://stackoverflow.com/questions/4911577/jquery-click-toggle-between-two-functions –

這裏是死刑判決：http://bugs.jquery.com/ticket/11786 –

你可能會選擇再當去除類取消

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
</head> 
<body> 
    <input type='text' id="text1" onclick='javascript:toggleClass(this)' /> 
</body> 
</html> 
<script src="jquery-1.2.6.min.js" type="text/javascript"></script> 
<script language='javascript' type="text/javascript"> 


function toggleClass(item) { 

    if ($(item).hasClass('select')) { 
     $(item).removeClass('select').addClass('deselect'); 
    } 
    else { 
     $(item).removeClass('deselect').addClass('select'); 
    } 

    } 
</script>

來源

2012-09-16 10:34:52

jquery點擊功能選擇並取消選擇

回答

相關問題