jQuery easyUI 局部ajax刷新后，无法响应点击事件(在线等，先谢谢各位)

2012-11-17 04:08:38 852 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

AUTOSAR R20-11标准下载！这是公众号的第2篇推文，粉丝数49 Document Search Classic Platform Adaptive Platform Foundation 文档截图以为会在明天的发布会之后才上线，没想到官网现在就悄悄放出来了。中国由于网络问题，下载速度比较慢或者会中断。 “阅读原文”提供多种下载方式，可以在线浏览，可以集中下载也可单个文档下载。如有增减我也会及时在公众号里通知大家，不过我觉得不会变动了。整理不宜，好东西要分... 阅读详情

左侧部分（west）我直接如下这样写是正确的（如上图）：

<div id="westid" region="west" border="true" split="true" title="系统菜单" class="cs-west">

    	

		<div class="easyui-accordion" fit="true" border="false">

				<div title="home1" selected="true">

					<a href="javascript:void(0);" src="api/documentation.html" class="cs-navi-tab">a</a></p>

					<a href="javascript:void(0);" src="api/parser.html" class="cs-navi-tab">b</a></p>

					<a href="javascript:void(0);" src="api/easyloader.html" class="cs-navi-tab">c</a></p>

					<a href="javascript:void(0);" src="api/draggable.html" class="cs-navi-tab">d</a></p>

					<a href="javascript:void(0);" src="api/droppable.html" class="cs-navi-tab">e</a></p>

				</div>

				<div title="home2">

					<a href="javascript:void(0);" src="api/panel.html" class="cs-navi-tab">panel</a></p>

				</div>

				

		</div>

	

	</div>

        <div id="mainPanle" region="center" border="false">

            <!--都是些普通测试easyui控件 -->

             aaaaaaaaaaaaaa

	</div>

点击每一个class="cs-navi-tab"的a标签都能新开一个tabs子页面到右侧（center）。
但是当我点击最上面的一级按钮按钮(仲裁投诉、物料申购、支付宝这些)，ajax刷新下面左侧菜单后，从另一个html页面读取过来的带有class="cs-navi-tab"的a标签点击事件失效了，图：

上图的a,b,c,d这些的点击监听事件都失效了
ajax刷新代码：

//点击菜单切换样式/关闭相关标签页面

$(document).ready(function(){

	// 切换样式

	$("#saturday > li > a").click(function(){

		var thisobj = $(this).html();

		$("#saturday").find("li > a").each(function(){

			if(thisobj!=$(this).html()) {

				$(this).removeClass("current");

			}else{

				$(this).addClass("current");

				var urls = 'left_' + $(this).attr('title') + '.html';

				

				// 修改左侧菜单

				htmlobj=$.ajax({url:urls,async:false});			

				var html = htmlobj.responseText;

 			    $("#westid").html(html);

				$.parser.parse();

				

				// 关闭上一个一级菜单打开的tabs子页面

				$('.tabs-inner span').each(function(i,n){

					var t = $(n).text();

					alert(t);

					if(t !== "首页") {

						$('#tabs').tabs('close',t);

					}

				});

			}

		});

	});				   

});

ajax请求的HTML页面：

<div class="easyui-accordion" fit="true" border="false">

				<div title="支付宝1" selected="true">

					<a href="javascript:void(0);" src="api/documentation.html" class="cs-navi-tab">a</a></p>

					<a href="javascript:void(0);" src="api/parser.html" class="cs-navi-tab">b</a></p>

					<a href="javascript:void(0);" src="api/easyloader.html" class="cs-navi-tab">c</a></p>

					<a href="javascript:void(0);" src="api/draggable.html" class="cs-navi-tab">d</a></p>

					<a href="javascript:void(0);" src="api/droppable.html" class="cs-navi-tab">e</a></p>

					<a href="javascript:void(0);" src="api/resizable.html" class="cs-navi-tab">f</a></p>

					<a href="javascript:void(0);" src="api/pagination.html" class="cs-navi-tab">g</a></p>

					<a href="javascript:void(0);" src="api/searchbox.html" class="cs-navi-tab">h</a></p>

					<a href="javascript:void(0);" src="api/progressbar.html" class="cs-navi-tab">i</a></p>

				</div>

				<div title="支付宝2">

					<a href="javascript:void(0);" src="api/panel.html" class="cs-navi-tab">panel</a></p>

					<a href="javascript:void(0);" src="api/tabs.html" class="cs-navi-tab">tabs</a></p>

					<a href="javascript:void(0);" src="api/accordion.html" class="cs-navi-tab">accordion</a></p>

					<a href="javascript:void(0);" src="api/layout.html" class="cs-navi-tab">layout</a></p>

				</div>

				

		</div>

监听点击class="cs-navi-tab"的a标签的方法：
$(function() {
$('.cs-navi-tab').click(function() {
var $this = $(this);
var href = $this.attr('src');
var title = $this.text();
addTab(title, href);
});
});

请问是不是$.parser.parse();这个解析器造成的这种情况?该怎么解决？
因为菜单比较多，并且为了团队合作与权限控制，只能这样动态加载下方左侧的菜单，求高手们给点建议。

...全文