asp.net – JQuery Live()无效

发布时间：2020-12-16 07:14:56 所属栏目：asp.Net 来源：网络整理

导读：我在asp.net中制作了一个自定义的可折叠字段集控件.我用 jquery来添加切换效果.该控件工作得很好,但是当我在更新面板中使用我的fieldsets时,由于document.ready,我在回发后松开了我的jquery逻辑. 现在我已经阅读了关于Jquery的新Live()函数,但我没有得到它的

我在asp.net中制作了一个自定义的可折叠字段集控件.我用 jquery来添加切换效果.该控件工作得很好,但是当我在更新面板中使用我的fieldsets时,由于document.ready,我在回发后松开了我的jquery逻辑.

现在我已经阅读了关于Jquery的新Live()函数,但我没有得到它的工作.我做错了什么？有人答案吗？

非常感谢

我的Jquery代码是：

$(document).ready(function() {

    $.fn.collapse = function(options) {
        var defaults = { closed: false }
        settings = $.extend({},defaults,options);

        return this.each(function() {
            var obj = $(this);

            obj.find("legend").addClass('SmartFieldSetCollapsible').live("click",function() {


                if (obj.hasClass('collapsed')) { 
                obj.removeClass('collapsed').addClass('SmartFieldSetCollapsible'); }

                $(this).removeClass('collapsed');

                obj.children().next().toggle("slow",function() {

                    if ($(this).is(":visible")) {

                        obj.find("legend").addClass('SmartFieldSetCollapsible');
                        obj.removeAttr("style");
                        obj.css({ padding: '10px' });
                        obj.find(".imgCollapse").css({ display: 'none' });
                        obj.find(".imgExpand").css({ display: 'inline' });

                    }
                    else {

                        obj.css({ borderLeftColor: 'transparent',borderRightColor: 'transparent',borderBottomColor: 'transparent',borderWidth: '1px 0px 0px 0px',paddingBottom: '0px' });
                        obj.find(".imgExpand").css({ display: 'none' });
                        obj.find(".imgCollapse").css({ display: 'inline' });

                    }
                });
            });

            if (settings.closed) {
                obj.addClass('collapsed').find("legend").addClass('collapsed');
                obj.children().filter("p,img,table,ul,div,span,h1,h2,h3,h4,h5").css('display','none');
            }
        });
    };


});


$(document).ready(function() {

$("fieldset.SmartFieldSetCollapsible").collapse();

});

解决方法

问题是你做的更多,然后只是一个简单的选择器,你的实时选择

从api.jquery.com起“查找要发送到.live()的元素并不完全支持DOM遍历方法.相反,应始终在selecton之后直接调用.live()方法”

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!