首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

easyui accordion内的链接没法绑定单击事件

2013-08-10 
easyui accordion内的链接无法绑定单击事件菜单生成代码如下//绑定前台菜单栏function BindMenuDataGroupT

easyui accordion内的链接无法绑定单击事件


菜单生成代码如下

//绑定前台菜单栏
        function BindMenuDataGroupType() {
            //根据异步读取发送过来的Json字符串
            $.getJSON("/Home/LoadMenuData", {}, function (data) {
                //实现在菜单拦中的显示,遍历节点集合
                for (var i = 0; i < data.length; i++) {
                    var groupInfo = data[i]; //拿到组的信息

                    //拿到内容的信息,每个菜单项构造成一个p标签
                    var strMenuItemHTMl = "";
                    for (var j = 0; j < groupInfo.MenuItems.length; j++) {
                        var menuItem = groupInfo.MenuItems[j];
                        strMenuItemHTMl += '<p><a href="javascript:void(0)" src="' + menuItem.Url + '" class="menuLink">' + menuItem.MenuName + '</a></p>';
                    }
                    
                    //EasyUI添加节点
                    $("#aa").accordion('add', {
                        title: groupInfo.GroupName,
                        content: strMenuItemHTMl,


                        selected:false,
                    });
                    //$("#aa").accordion('select', groupInfo.GroupName);
                }
               
            });
        }



生成左边的菜单,这个是没问题的
然后我想给每个连接绑定click事件,代码如下
 
//实现用户单击导航栏跳转页面的方法
        function BindMenuClickHrefEvent() {
            $(".menuLink").click(function () {
                //获取按钮里面的Src属性
                var src = $(this).attr("src");
                alert(src);
            });
        }


页面调用
 $(function () {
            //在前台自动显示菜单的信息根据用户的信息
            BindMenuDataGroupType();

            //绑定菜单单击事件
            BindMenuClickHrefEvent();


        });


调试发现加载页面时会进去到BindMenuClickHrefEvent();事件,
但打开页面后 点击连接,却没有执行单击事件
绑定事件变无效了,不知道什么原因
一天了,查不出问题,来求救


[解决办法]
       $(".menuLink").click(function () {
                //获取按钮里面的Src属性


                var src = $(this).attr("src");
                alert(src);
            });

改成
     $(".menuLink").live("click",function () {
                //获取按钮里面的Src属性
                var src = $(this).attr("src");
                alert(src);
            });

热点排行