JQuery custom function with multiple parameter doesn't working

Question

I tried to create JQUERY to append div to existing div

(function($){
  $.fn.alertme=function(){
    var opts = $.extend( {}, $.fn.alertme.defaults, options );
    $divContent =$('<div></div>').appendTo(opts.container);
    $divContent.prop('class','divclass');
  };

  $.fn.alertme.defaults = {
    container: "body",
    background: "yellow"
  };
})(jQuery);

this is how i called it:

$(document).ready(function(){
  $('#testbutton').on('click',function(){
    $.alertme(
      {container : '#target'}
    );
  });
});

its return error options in not define

please help me guys what i do wrong here

You can use $("#target").alertme() to calling function and use this instead of opts.container in function defintion — Mohammad
– Mohammad, Commented Dec 18, 2018 at 8:17
$("#target"). is selector and you can select any element you want — Mohammad
– Mohammad, Commented Dec 18, 2018 at 8:22

Mohammad · Accepted Answer · 2018-12-18 08:35:44Z

3

Pass options as argument.

(function($){
  $.extend({
    alertme: function(options){
      var defaults = {
        container: "body",
        background: "yellow"
      };
      var opts = $.extend( {}, defaults, options );
      $divContent =$(opts.container).append('<div>abc</div>');
      $divContent.prop('class','divclass');
    }
  });
})(jQuery);

edited Dec 18, 2018 at 8:35

Mohammad

21.5k16 gold badges58 silver badges86 bronze badges

answered Dec 18, 2018 at 8:02

Praveen Gupta

2461 silver badge5 bronze badges

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

Collectives™ on Stack Overflow

JQuery custom function with multiple parameter doesn't working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related