问题描述
- jquery toggle使用的疑问
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="../jquery-1.8.3.js"></script> <script> $(function(){ $("div").hover( function(){$(this).addClass("over");}, function(){$(this).removeClass("over")} ); $("div>p").toggle( function(){ $(this).next().toggle(function(){alert("a");},function(){alert("b");}); }, function(){ $(this).next().toggle(function(){alert("c");},function(){alert("d");}); } ); }); </script> <style> div p{ color:green; } .over{ background-color:#C9F; } img{ width:10px; height:10px; } div.h{ display:none; } div.h1{ display:block; } </style> </head> <body> <div><p><img src="1.jpg"/>1</p><div class="h">AAAAAA</div></div> <div><p><img src="1.jpg"/>2</p><div class="h">BBBBBB</div></div> <div><p><img src="1.jpg"/>3</p><div class="h">CCCCCC</div></div> <div><input type="button" onclick="show()"/></div> </body> </html>为什么我点击标签的时候没有弹出a，b，c，d
解决方案
JQuery toggle使用分析
Eclipse使用 关于Toggle Breadcrumb的使用
jquery 里面toggle使用
解决方案二：
你只是给p的兄弟节点div注册了点击事件，div隐藏你有点击不到。。当然没反应了
$(function () {
$("div").hover(
function () { $(this).addClass("over"); },
function () { $(this).removeClass("over") }
);
$("div>p").toggle(
function () {
$(this).next().toggle();////////
},
function () {
$(this).next().toggle();////////
}
);
});
解决方案三：
onclick="show()" show() 这个函数是你定义了吗？
解决方案四：
你这确定不会报错么
"show" is undefined
时间： 2024-09-30 08:53:31