Trying to get Gridster to call functions like disable but $('.gridster ul').gridster().data('gridster'); not working

Question

I am using angular gridster, and I want to be able to do stuff like remove an item or disable it temporarily.

However, when I try to use the line $('.gridster ul').gridster().data('gridster');, I gett an error TypeError: $(...).gridster is not a function

What code do you use: the code of the question or from one of the answers? — Mathias F, Aug 10 '15 at 20:09
Please ensure that you load all required files, because error can be caused by incorrect loading modules. — Sebastian Bochan, Aug 11 '15 at 09:22
Mathias, I've tried different variations of $('.gridster ul').gridster().data('gridster') ... $('.gridster ul') gets me an object, but I can' invoke much on it. — user2812759, Aug 14 '15 at 17:37

score 0 · Answer 1 · edited Oct 22 '18 at 07:06

0

At first, you have to initialise gridster. For that, you can use the below code

$(".gridster ul").gridster({
       widget_margins: [10, 10],
       widget_base_dimensions: [140, 140]
 });

the base dimension is the width and height in pixels for a single tile

then you can call

var gridster = $("#demo-2 ul").gridster().data('gridster'); //object of gridster

edited Oct 22 '18 at 07:06

NIMISHAN

answered Oct 22 '18 at 05:26

Joby Joseph

1 Answers1