Uncaught TypeError: Невозможно прочитать свойство 'innerText' из неопределенного

на самом деле у меня есть две ошибки, и я понятия не имею, откуда берется первая. Я включил jQuery v.2.1.3 от "code.jquery.com", и Chrome показывает мне эту ошибку

Uncaught TypeError: Невозможно прочитать свойство 'innerText' из неопределенного

Ошибка звука от меня, я думаю.

<head>
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
</head>
<body>
    <div class="mydiv" style="height:500px; width:500px; margin:50px auto; background-color:#ddd;">

    </div>
    <script type="text/javascript">
        (function($) {
            $.scrollbar = function(options){
                var opts = $.extend($.scrollbar.defaults, options);
            };

            $.scrollbar.defaults = {
                background: "yellow"
            };
        })(jQuery);

        $(function(){
            $('.mydiv').scrollbar();
            //Error: Uncaught TypeError: undefined is not a function
        });
    </script>
</body>

Может ли кто-нибудь помочь мне? Я в конце своих навыков Google и скоро сдаться.

Источник

1 ответ

Не уверен, что innerText имеет отношение к ошибке, вы должны просто получить сообщение об ошибке "Uncaught TypeError: undefined не является функцией"

То, как вы делаете плагин, неверно. Это базовая структура плагина. Обратите внимание на использование fn

(function($) {
  $.fn.scrollbar = function(options) {
    var opts = $.extend($.fn.scrollbar.defaults, options);
    
    return this.each(function() {
      $(this).css("background-color", opts.background);
    });
    
  };

  $.fn.scrollbar.defaults = {
    background: "yellow"
  };
})(jQuery);

$(function() {
  $('.mydiv').scrollbar();
  $('.myOtherDiv').scrollbar({ "background":"red"});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mydiv">XXXXXXXXXX</div>
<div class="myOtherDiv">XXXXXXXXXX</div>

Источник
Другие вопросы по тегам