注册 登录
编程论坛 jQuery论坛

求高手解答,click 事件不起作用

wjxt616 发布于 2018-09-12 13:54, 2456 次点击
只有本站会员才能查看附件,请 登录
只有本站会员才能查看附件,请 登录
只有本站会员才能查看附件,请 登录
只有本站会员才能查看附件,请 登录


上面四个图,1和2是对应的,3和4是对应的。这个页面左侧是图1右侧是图3,效果是点击左侧导航,右侧内容切换。不变换页面,只切换右侧内容。但是我想从其他文件链接到左侧导航,连接不上。写了个click,但是发现不执行。求指导
2 回复
#2
wlrjgzs2018-09-14 09:19
“但是我想从其他文件链接到左侧导航……”,真心没明白你这句话是什么意思。
#3
icecool2018-11-06 16:21
楼主这个左侧要点击的链接,是直接加载的其它页面?还是读取其它页面元素内容填充的?
程序代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<style>
table{
border-collapse:collapse;
border: 1px solid #ffffff;
width: 100%;
        }
td.left{ width:30%;background:#99dd33;}
td.right{ width:70%;background:#CCCC33;}
</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
                      $("li").click(function(){
                                                var txt=$(this).html();
                                                 $("#txt_div").html(txt);
                                                //htmlobj=$.ajax({url:url,async:false}); 这时根所左侧所点击标题内容在右侧加载相关内容
                                                //$("#txt_div").html(htmlobj.responseText);
                        });
});
</script>
</head>
<body>
<table>
<tr><td class="left">
<li>aa</li>
<li>bb</li>
<li>cc</li>
<li>dd</li>
</td>

<td class="right">
<div id="txt_div">显示区域</div>
</td><tr>
</table>
</body>
</html>
1