jquery的popmenu这类的js用delegate或者on应该怎么写？

2018-06-27 05:33:58 252 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Java 开发修改【冒险岛 079 私服】完整学习流程第 1-2 天：环境搭建 + 运行原版 079 服务端，能正常登录游戏；第 3-4 天：纯配置文件修改，掌握倍率、属性、怪物、道具的修改，改出第一个「百倍经验私服」；第 5-10 天：Java 代码基础修改，掌握 Player/Skill/Monster 核心类的修改，实现技能无冷却、一刀秒怪、升级满属性；第 11-20 天：Java 代码进阶修改，掌握业务逻辑修改，实现死亡不掉经验、自动捡物、装备强化无失败；第 21-30 天。阅读详情

大家好！我在使用Spring MVC3.0做项目的时候需要用到jquery的一种popmenu.js来做弹出式菜单，这个在原来的jsp页面上没有问题，但是当我用ajax把后台来的数据拼接后再$("#content").html(theHtml);返回到前端后，原来的popmenu.js就不起作用了。
我查网上资料后知道可以用js的delegate或者on来做，但是我不知道popmenu.js写成代理的方式是怎么写的。
请大神帮忙看下怎么解决这个问题，谢谢！
popmenu.js:



<script>

        $(function(){

            /* $('#demo_box').popmenu(); */

            $('#ListOrLayout').popmenu(

            		{

            		'background':'#fff',

            		'color':'#000',

            		'focusColor':'#21a0df',

            		'borderRadius':'0',

            		'top': '0', 

            		'left': '0',

            		'border':'1px solid #211d1d'

            		}

            		);

           /*  $('#demo_box_3').popmenu({'width': '200px', 'background':'#223','focusColor':'#ee5','borderRadius':'10px', 'top': '70', 'left': '-40', 'color':'#1265fe','border':'3px solid #0035fe'}); */

        })

</script>

下面是我写的delegate的js,但是不起作用：



<script src="${pageContext.request.contextPath}/js/jquery.min.js">

jQuery("#content").on("#ListOrLayout", popmenu(

	 

	{'background':'#fff',

	'color':'#000',

	'focusColor':'#21a0df',

	'borderRadius':'0',

	'top': '0', 

	'left': '0',

	'border':'1px solid #211d1d'}

));

</script>

...全文

C# typeof() 和 GetType()区别总得来说他们都是为了获取某个实例具体引用的数据类型System.Type。 1、GetType()方法继承自Object，所以C#中任何对象都具有GetType()方法，x.GetType()，其中x为变量名，由x实例返回得到一个类型 2、typeof(x)中的x，必须是具体的类名、类型名称等，不可以是变量名称，返回一个类型 3、System.Type.GetType()，有两个重载方法比如有这样一个变量i: Int32 i = new Int32(); 使用GetType()，i... 阅读详情

youyiyang

Java EE 67,535 成员 225,843 内容

+ 关注 + 加入社区

切换为时间正序

youyiyang 2018-06-27

打赏
举报

我看了下popmenu.js的源码，popmenu是扩展方法，那么能不能用代理呢？



/*

jQuery Pop Menu

Version: beta

Author: Guc. http://www.gucheen.pro

Based on jQuery 2.0.3

*/

 

(function ($) {

 

    $.fn.popmenu = function (options) {

 

        var settings = $.extend({

            'controller': true,

            'width': '300px',

            'background': '#34495e',

            'focusColor': '#1abc9c',

            'borderRadius': '10px',

            'top': '50',

            'left': '0',

            'iconSize': '100px',

            'color': '#fff',

            'border': '0px'

        }, options);

        if (settings.controller === true) {

            var temp_display = 'none';

        } else {

            var temp_display = 'block';

        }

        var tar = $(this);

        var tar_body = tar.children('ul');

        var tar_list = tar_body.children('li');

        var tar_a = tar_list.children('a');

        var tar_ctrl = tar.children('.pop_ctrl');

 

        function setIt() {

            tar_body.css({

                'display': temp_display,

                'position': 'absolute',

                'margin-top': -settings.top,

                'margin-left': -settings.left,

                'background': settings.background,

                'width': settings.width,

                'float': 'left',

                'padding': '0',

                'border-radius': settings.borderRadius,

                'border': settings.border

            });

            tar_list.css({

                'display': 'block',

                'color': settings.color,

                'float': 'left',

                'width': settings.iconSize,

                'height': settings.iconSize,

                'text-align': 'center',

                'border-radius': settings.borderRadius

            });

            tar_a.css({

                'text-decoration': 'none',

                'color': settings.color

            });

            tar_ctrl.hover(function () {

                tar_ctrl.css('cursor', 'pointer');

            }, function () {

                tar_ctrl.css('cursor', 'default')

            });

            tar_ctrl.click(function (e) {

                e.preventDefault();

                tar_body.show('fast');

                $(document).mouseup(function (e) {

                    var _con = tar_body;

                    if (!_con.is(e.target) && _con.has(e.target).length === 0) {

                        _con.hide();

                    }

                    //_con.hide(); some functions you want

                });

            });

            tar_list.hover(function () {

                $(this).css({

                    'background': settings.focusColor,

                    'cursor': 'pointer'

                });

            }, function () {

                $(this).css({

                    'background': settings.background,

                    'cursor': 'default'

                });

            });

        }

        return setIt();

 

    };

 

}(jQuery));

jquery的popmenu这类的js用delegate或者on应该怎么写 ？

相关推荐

jquery的popmenu这类的js用delegate或者on应该怎么写？