Как включить динамически созданные элементы в плагине jquery для получения свойств по умолчанию - PullRequest
Новая
       25

Как включить динамически созданные элементы в плагине jquery для получения свойств по умолчанию

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

Ниже приведен плагин для создания списка jQuery.Добавление текста и нажатие кнопки add вызывает функцию jQuery для добавления элемента списка в контейнер UL.Я хочу, чтобы каждый элемент списка получал свойства по умолчанию, перечисленные в методе расширения, а также чтобы их можно было настраивать, принимая параметры.Это то, что я до сих пор (см. Ниже).Как настроить плагин так, чтобы элементы списка получали свойства и параметры?Это не работает в настоящее время.Пожалуйста помоги!Большое спасибо! 

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 ));
...