Home/ Questions/Q 6131861
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T17:01:48+00:00

Can you please look at this: (function ($) { $.fn.extend({ grid: function (settings) {

  • 0

Can you please look at this:

(function ($) { 
    $.fn.extend({
        grid: function (settings) {
            var defaults = {
                data: [
                    ['Code','Name','Email','Other'],
                    [1,'John','john@domain.com','Johny'],
                    [2,'Bob','bob@domain.com','Bobby'],
                    [3,'Jenny','jenny@domain.com','Jen'],
                    [4,'Mary','mary@domain.com','Maryann']
                ],
                test: this.data.length
            };

            var config = $.extend(defaults, settings);

            return this.each(function(){
                this.innerHTML = config.data.length;
                this.innerHTML += "<br />" + config.test;
            });

        }
    });
}(jQuery));

$('.content').grid();

http://jsfiddle.net/w8PG6/

And explain why the two results are different?

Also how do I achieve the desired result?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is that when you call this.data.length, it’s actually counting the length of the jQuery data function and not the length of defaults. Additionally, you can’t count the length of defaults.data until after it’s been assigned.

    Have a look at this working example: http://jsfiddle.net/w8PG6/1/

    • 0