Javascript jquery单击函数选择&;取消选择
我需要一些关于jQuery代码的帮助。我有一个SVG地图,我需要一个按钮来选择一个国家,然后用另一个按钮取消选择。有人能帮我吗?:) 代码如下:Javascript jquery单击函数选择&;取消选择,javascript,jquery,Javascript,Jquery,我需要一些关于jQuery代码的帮助。我有一个SVG地图,我需要一个按钮来选择一个国家,然后用另一个按钮取消选择。有人能帮我吗?:) 代码如下: <script type="text/javascript">//<![CDATA[ $(window).load(function(){ $(document).ready(function() { $("path").mouseover(function() { $(this).css('cursor', '
<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>
//
最重要的方法是使用:您可能会在选择时添加一些类,然后在取消选择时删除该类
<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>
函数切换类(项){
if($(item).hasClass('select')){
$(item).removeClass('select').addClass('deselect');
}
否则{
$(item).removeClass('deselect').addClass('select');
}
}
您没有解释您遇到的问题或错误,这是一个糟糕的问题,只是粘贴代码。我以前用自定义代码解决过这个问题,但直到今天我才知道“toggle()”。但是为什么它被标记为不推荐?哎呀…这在文档页面上不太明显。请点击此处: