javascript - 如何在 Bootstrap Material 设计的输入文本中制作标签支持？

Question

我创建了一个 fiddle here.but 它在提供输入标签时显示错误。我希望标签在单击输入文本时向上跳跃，并且可以在输入文本中添加标签

html

<form>
                                    <div class="md-form form-width">

                                        <input type="text" id="form41"  class="form-control tags">
                                        <label for="form41" class="">Keywords/Tags (Type 5 to 20 items)  </label>
                                    </div>
                                </form>

js

<script>
        // Material Select Initialization
        $(document).ready(function() {
            $('.mdb-select').material_select();


      $('.tags').tagsinput({
        allowDuplicates: true
    });
        $('.tags').on('itemAdded', function(item, tag) {
        $('.items').html('');
        var tags = $('.tags').tagsinput('items');
        $.each(tags, function(index, tag) {
            $('.items').append('<span>' + tag + '</span>');
        });
    });
});

Answer 1

从控制台错误消息我会说你还需要导入 jQuery:

(index):69 Uncaught ReferenceError: $ is not defined bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery