javascript - 将jquery移入js文件导致引用错误和类型错误

Question

所以，在我的 html 文件中，我有一个用于像这样闪烁消息的脚本

<script>
    $(document).ready( function() {
        flashThisMessage("me");                    
    });

    //I want to move this code below to js file, so I dont have to copy this part
    //to every html file that need to use, so I can just include the js file
    (function($) {
        $.fn.flash_message = function(options) {

          options = $.extend({
            text: 'Done',
            time: 5000,
            how: 'before',
            class_name: ''
          }, options);

          return $(this).each(function() {
            if( $(this).parent().find('.flash_message').get(0) )
              return;

            var message = $('<span />', {
              'class': 'flash_message ' + options.class_name,
              text: options.text
            }).hide().fadeIn('fast');

            $(this)[options.how](message);

            message.delay(options.time).fadeOut('normal', function() {
              $(this).remove();
            });

          });
        };
    })(jQuery);
</script>

我的 js 文件看起来像这样

function flashThisMessage( theMessage ) {
    $('#status-message-area').flash_message({
        text: theMessage,
        how: 'append'
    });   
}

如何将 flash_message 脚本移动到 js 文件中，我尝试复制它，它会给出错误“ReferenceError:jQuery 未定义”和“TypeError:$(...).flash_message 不是 a函数”？

Answer 1

我看不到您如何添加 js 文件，但如果您在 js 文件之后加载 jQuery，则会遇到此错误。