Question

jquery中加上超链接就没法展开了

<li class="itemName0"><span class="itemName01"><a href="products_view.asp?id=8"><span class="itemName00">> 人事服务外包</span></a></span>
<div class="panel">
<ul>
<%
Set rs = server.CreateObject("adodb.recordset")
sql = "select * from products where main_id=1"
rs.Open sql, conn, 1, 3
Do While Not rs.EOF
%>
<li class="panela"><a href="products_view.asp?id=<%=rs("id")%>"> <img src="images/gbook.gif"/><%=rs("title")%></a><>
<%
rs.movenext
Loop
rs.Close
Set rs = Nothing
%>
</ul>
</div>
<>
<li class="flip2"><span class="itemName01"><a><span class="itemName00">> 供应链外包</span></a></span>
<div class="panel2">
<ul>
<%
Set rs = server.CreateObject("adodb.recordset")
sql = "select * from products where main_id=2"
rs.Open sql, conn, 1, 3
Do While Not rs.EOF
%>
<li><a href="products_view.asp?id=<%=rs("id")%>"> <img src="images/gbook.gif"/><%=rs("title")%></a><>
<%
rs.movenext
Loop
rs.Close
Set rs = Nothing
%>
</ul>
</div>
<>
$('.itemName0').click(function(){
$('.panel').slideToggle("slow");
$('.panel2').hide();
$('.panel3').hide();
$('.panel4').hide();
$('.panel5').hide();
$('.panel6').hide();
});

Answer 1

你这个jquery好像不是很好。
我判断，你这个不是不会下拉，而是点击以后跳转到新页面，新页面就重新闭合了。
所以你可以在id为空的时候是闭合的。当id有参数传入的时候，接收到id参数的那个panel为打开的
<div class="panel" id="<%=request("Id")%>">

$('#<%=request("id")%>').css("display","block");
你可以换这个思路试试。
$('.itemName0').click(function(){
$('.panel').slideToggle("slow");
$('.panel2').hide();
$('.panel3').hide();
$('.panel4').hide();
$('.panel5').hide();
$('.panel6').hide();
});
$('#<%=request("id")%>').css("display","block");/**记得放点击事件外面，不包含在点击事件里面**/

Answer 2

从代码看，加上超链接后，会先触发a的点击事件，然后才是li的点击事件，a有了链接页面肯定跳转了

追问

那怎么才能在li点击事件的同时链接跳转？

追答

你是想跳转还是想展开？二者不可兼得啊

追问

我就是想达到这两个效果！！有没有其他方式达到？

追答

表达的太不清楚了，你在页面1上点击a链接，展开下班的元素，然后页面1跳转到了页面2，页面1是展开有什么意义

Answer 3

可以阻止事件传播

追问

能否给出具体实现代码？

追答

额。好像还是不能满足你的需要 ，不太对