在jquery tabs中，我想点击“链接二”进入第二个选项卡，点击“链接三”进入第三个选项卡，怎么实现？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=gb2312" />
<title>tabs</title>
<link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/flick/jquery-ui.css"
rel="stylesheet" type="text/css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"
type="text/javascript">
</script>
<SCRIPT>
$(function() {
$( "#tabs" ).tabs();
});
function on_list(key){
}
</SCRIPT>
</head>
<body>
<DIV class=demo>
<a href="#" onClick="on_list(1); return false;">链接一</a><br />
<a href="#" onClick="on_list(2); return false;"> 链接二</a><br />
<a href="#" onClick="on_list(3); return false;">链接三</a>
<DIV id=tabs>
<UL>
<LI><A href="#tabs-1">Nunc tincidunt</A> </LI>
<LI><A href="#tabs-2">Proin dolor</A> </LI>
<LI><A href="#tabs-3">Aenean lacinia</A> </LI>
</UL>
<DIV id=tabs-1>
<P>Proin elit arcu, rutrum commodo.</P></DIV>
<DIV id=tabs-2>
<P>Morbi tincidunt, dui sit amet facilisis feugiat.</P></DIV>
<DIV id=tabs-3>
<P>Mauris eleifend est et turpis. Duis id erat.</P>
<P>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus.</P>
</DIV>
</DIV>
</DIV><!-- End demo -->
</body>
</html>
我插入的图片呢？ 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>tabs</title>
<link
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/flick/jquery-ui.css"
rel="stylesheet" type="text/css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"
type="text/javascript">
</script>
<SCRIPT>
$(function() {
$( "#tabs" ).tabs();
});
function on_list(key){
}
</SCRIPT>
</head>
<body>
<DIV class=demo>
<a href="#" onClick="on_list(1); return false;">链接一</a><br />
<a href="#" onClick="on_list(2); return false;"> 链接二</a><br />
<a href="#" onClick="on_list(3); return false;">链接三</a>
<DIV id=tabs>
<UL>
<LI><A href="#tabs-1">Nunc tincidunt</A> </LI>
<LI><A href="#tabs-2">Proin dolor</A> </LI>
<LI><A href="#tabs-3">Aenean lacinia</A> </LI>
</UL>
<DIV id=tabs-1>
<P>Proin elit arcu, rutrum commodo.</P></DIV>
<DIV id=tabs-2>
<P>Morbi tincidunt, dui sit amet facilisis feugiat.</P></DIV>
<DIV id=tabs-3>
<P>Mauris eleifend est et turpis. Duis id erat.</P>
<P>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus.</P>
</DIV>
</DIV>
</DIV><!-- End demo -->
</body>
</html>
我插入的图片呢？ 展开
2个回答
展开全部
<SCRIPT>
$(function() {
$( "#tabs" ).tabs();
});
function on_list(key){
}
</SCRIPT>
改成
<SCRIPT>
$(function() {
$("#tabs").tabs();
$(".demo>a").each(function(i){
$(this).click(function(){
$("#tabs>ul>li>a:eq("+ i +")").click();
return false;
});
});
});
</SCRIPT>
连接也改下
<a href="#">链接一</a><br />
<a href="#"> 链接二</a><br />
<a href="#">链接三</a>
$(function() {
$( "#tabs" ).tabs();
});
function on_list(key){
}
</SCRIPT>
改成
<SCRIPT>
$(function() {
$("#tabs").tabs();
$(".demo>a").each(function(i){
$(this).click(function(){
$("#tabs>ul>li>a:eq("+ i +")").click();
return false;
});
});
});
</SCRIPT>
连接也改下
<a href="#">链接一</a><br />
<a href="#"> 链接二</a><br />
<a href="#">链接三</a>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
