62,046
社区成员
发帖
与我相关
我的任务
分享a 标签链接不了问题
<script type="text/javascript">
//2014-11-20 添加树形菜单到主页面
$(function () {
$(".st_tree").SimpleTree({
click: function (a) {
if (!$(a).attr("hasChild"))
alert($(a).attr("ref"));
}
});
});
</script>
<a href='PostList.aspx?PostTypeID=<%#Eval("postTypeID")%>' target="_blank">
<asp:Literal ID="lbltypeName" runat="server" Text='<%#Eval("typeName") %>'> </asp:Literal>
</a>
上面JS是用来做树状形菜单的
有了上面的JS脚本后下面的 a 标签的链接就不能跳转了。
这个问题有什么办法解决啊，求救求救....
...全文
请发表友善的回复…
发表回复
屎涂行者 2014-11-26
- 打赏
- 举报
<script type="text/javascript">
//2014-11-20 添加树形菜单到主页面
$(function () {
$(".st_tree").SimpleTree({
click: function (a) {
if (!$(a).attr("hasChild"))
alert($(a).attr("ref"));
}
});
});
</script>
就是因为这段代码处理了.st_tree作用域下，所有的 a 标签的点击事件，只作用在打开和折叠菜单项，所以后面添加的a 标签的超链接也只会打开和折叠菜单，没有跳转的功能。
可以添加一段js代码专门处理点击后跳转的：
function aa(postTypeID) {
window.location.href = "PostList.aspx?PostTypeID=" + postTypeID + "";
}
---------------------
<a onclick='aa(<%#Eval("postTypeID")%>);' target="_blank">
<%#Eval("typeName") %>
</a>
这样就可以点击跳转了：
仅供参考
仅供参考屎涂行者 2014-11-26
- 打赏
- 举报
<script type="text/javascript">
//2014-11-20 添加树形菜单到主页面
$(function () {
$(".st_tree").SimpleTree({
click: function (a) {
if (!$(a).attr("hasChild"))
alert($(a).attr("ref"));
}
});
});
</script>
就是因为这段代码处理了.st_tree作用域下，所有的 a 标签的点击事件，只作用在打开和折叠菜单项，所以后面添加的a 标签的超链接也只会打开和折叠菜单，没有跳转的功能。
可以添加一段js代码专门处理点击后跳转的：
function aa(postTypeID) {
window.location.href = "PostList.aspx?PostTypeID=" + postTypeID + "";
}
---------------------
<a onclick='aa(<%#Eval("postTypeID")%>);' target="_blank">
<%#Eval("typeName") %>
</a>
这样就可以点击跳转了：
天空丶蒋 2014-11-24
- 打赏
- 举报
暂时没看出问题，要不把alert去掉可好。
暖枫无敌 2014-11-24
- 打赏
- 举报
对应的js文件和jquery都引入进来了嘛？
<link rel="stylesheet" type="text/css" href="js/tree_themes/SimpleTree.css"/>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/SimpleTree.js"></script>
你的前台代码类似这样：
<div class="st_tree">
<ul>
<li><a href="#" ref="hyjm">欢迎界面</a></li>
<li><a href="#" ref="xtgl">系统管理</a></li>
<ul show="true">
<li><a href="#" ref="yhgl">用户管理</a></li>
<li><a href="#" ref="rzck">日志查看</a></li>
</ul>
<li><a href="#" ref="ckgl">仓库管理</a></li>
<ul>
<li><a href="#" ref="kcgl">库存管理</a></li>
<li><a href="#" ref="shgl">收货管理</a></li>
<li><a href="#" ref="fhgl">发货管理</a></li>
<ul>
<li><a href="#" ref="yhgl">用户管理</a></li>
<li><a href="#" ref="rzck">日志查看</a></li>
</ul>
</ul>
</ul>
</div>
还有你是在什么版本的浏览器中浏览的？兼容性是不是有问题？
还有不使用Literal，换成下面写法试试：
<a href='PostList.aspx?PostTypeID=<%#Eval("postTypeID")%>' target="_blank">
<%#Eval("typeName") %>
</a>
屎涂行者 2014-11-24
- 打赏
- 举报
有啊就是点击之后不会跳转
暖枫无敌 2014-11-24
- 打赏
- 举报
你的a对应的href地址是对的嘛？调试跟踪一下
屎涂行者 2014-11-24
- 打赏
- 举报
