根据mySQL数据更改jquery切换的打开状态

时间:2011-08-15 23:28:43

标签: php jquery mysql database toggle

我有一个Jquery切换,其中包含一个MySQL表的输入表单。

直接在此切换下方,我在列表中显示数据。

如果表没有记录,我想要做的就是让切换处于打开状态(删除“display:none”)。如果表中包含记录,当然会被关闭。

为了使问题更复杂,我的表被硬过滤到登录用户,所以如果表中没有与登录用户匹配的记录,我只希望切换到defaut到打开状态。

我希望这是有道理的!

我的PHP知识最多,所以请放轻松我。

这是我的切换代码: -

(function($) { $.fn.simpleToggle = function(opts) {
    var options = $.extend({}, $.fn.simpleToggle.defaults, opts);

    return this.each(function() {
        $title = $(this).children('.togTitle');
        $title.each(function() {
            $(this).click( function() {
                $item = $(this);
                $item.next('.togDesc').slideToggle('fast', function() {
                    $icon = $item.children('.iconSymbol');
                    if ($(this).css('display') == 'block') {
                        $icon.removeClass('plus').addClass('minus');
                    } else {
                        $icon.removeClass('minus').addClass('plus');
                    }
                });
            });
        });
    });

}
$.fn.simpleToggle.defaults = {}
})(jQuery);

1 个答案:

答案 0 :(得分:0)

很难想象潜在的dom。

但是,这样的事情可以解决问题:

(function($) { $.fn.simpleToggle = function(opts) {
    var options = $.extend({}, $.fn.simpleToggle.defaults, opts);

    return this.each(function() {
        $title = $(this).children('.togTitle');
        $title.each(function() {
            $('.togDesc', this).each( function () {
                if ( $(this).children('.iconSymbol').length == 0 ) {    
                    $(this).show();                                 
                }
            });
            $(this).click( function() {
                $item = $(this);
                $item.next('.togDesc').slideToggle('fast', function() {
                    $icon = $item.children('.iconSymbol');
                    if ($(this).css('display') == 'block') {
                        $icon.removeClass('plus').addClass('minus');
                    } else {
                        $icon.removeClass('minus').addClass('plus');
                    }
                });
            });
        });
    });

}
$.fn.simpleToggle.defaults = {}
})(jQuery);