JQuery Plugin Integration with AngularJS

Question

I'm using jquery notification plugin, I tried to call the function of this plugin in angular controller shown in the below code, but always gives an exception that the method I'm calling isn't defined. I think the problem comes from the way I call this function; So does anyone know a right way for calling it ?!

 $scope.AddLayout = function () {
        LayoutApi.AddLayout(angular.toJson($scope.Layout)).success(function () {   
            $.sticky("Layout Saved Successfully", {
                stickyClass: 'success'
            });
        });
    }

ianaya89 · Accepted Answer · 2014-11-30 14:42:11Z

0

Replace the char '$' by 'jQuery':

jQuery.sticky("Layout Saved Successfully", {
  stickyClass: 'success'
});

answered Nov 30, 2014 at 14:42

ianaya89

4,2513 gold badges28 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ianaya89 Over a year ago

@HanaYehia Are you sure that the jQuery lib is loaded? What happens if you open the browser console and type jQuery on it?

Hana Over a year ago

yes it's loaded. The plugin in a separate file and it's loaded too.

ianaya89 Over a year ago

Maybe your code is been executed before the DOM is ready. Try wrapping it inside this: jQuery(function(){...});

Hana Over a year ago

I solved it this way angular.element().sticky("Layout Saved Successfully", { stickyClass: 'success' });

Collectives™ on Stack Overflow

JQuery Plugin Integration with AngularJS

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related