求高手解答，click 事件不起作用 - jQuery论坛

wjxt616

等　级：新手上路
帖　子：1
专家分：0
注　册：2018-9-12
结帖率：0

楼主

已结贴√ 问题点数：20 回复次数：2

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

上面四个图，1和2是对应的，3和4是对应的。这个页面左侧是图1右侧是图3，效果是点击左侧导航，右侧内容切换。不变换页面，只切换右侧内容。但是我想从其他文件链接到左侧导航，连接不上。写了个click，但是发现不执行。求指导

搜索更多相关主题的帖子: click　事件　导航　内容　切换　

2018-09-12 13:54

icecool

等　级：贵宾
威　望：20
帖　子：1214
专家分：1366
注　册：2005-3-14

第 3 楼

得分:0

楼主这个左侧要点击的链接，是直接加载的其它页面？还是读取其它页面元素内容填充的？

程序代码：

<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>

http://toorup.3v.do
loading...

2018-11-06 16:21