Как добавить дополнительные параметры стиля к литералу объекта для плагина jQuery - PullRequest
Новая
       35

Как добавить дополнительные параметры стиля к литералу объекта для плагина jQuery

0 голосов
/ 03 апреля 2019

Я создаю плагин jQuery и пытаюсь сделать его настраиваемым, принимая параметры ...

*** Я проясняю свой вопрос ...

Ниже приводится jQueryсделать список плагинов.Я хочу, чтобы каждый динамически создаваемый элемент списка получал свойства по умолчанию в литерале объекта.Тем не менее, я не могу заставить это работать.Вот что у меня так далеко.Любые рекомендации?Спасибо! 

HTML
   <div id='to-do-container'>
     <h1>My To-Do List</h1>
     <input type="text" placeholder="New item" />
     <button id="add">Add</button>
   </div>

   <ul id="mylist"></ul>

   <script>
     $(document).ready(function() {
       $("li").newPost();
     });
   </script>


jQuery

(function ( $ ) {
  $.fn.newPost = function( options ) {

    $(function() {
      $("#add").on("click", function() {
        var val = $("input").val();
        if(val !== '') {
         var elem = $("<li></li>").text(val);
         $(elem).append("<button class='rem'>X</button>");
         $("#mylist").append(elem);
         $("input").val("");
         $(".rem").on("click", function() {
          $(this).parent().remove();
         });
        }
      });
    });

   var settings = $.extend({
       color: "red",
       background: "yellow"
   }, options );

   return this.css({
       color: settings.color,
       background: settings.background
   });
  };
}( jQuery ));
...