select2 multipe get error超出最大调用堆栈大小

Question

I just the following tutorial from official website select2 and get the error and this is the code

 $('.tags').select2({ multiple: true, tags: true }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.css" rel="stylesheet"/> <select class="form-control tags" name="tags[]"> <option selected="selected">orange</option> <option>white</option> <option selected="selected">purple</option> </select> 

and error in the console like this

this is javascript code

$('.tags').select2({
     theme: 'bootstrap',
     tags: true
})

anyone can help me to solve the problem? <>

Answer 1

To avoid inifinite loop use trigger method parameters to distinguish event calls, in trigger method usage add parameter and in event callback check if paramater exists, when parameter exists that means that event was triggered from code, if no, that means it is event from ui.

Checkout: Select2 trigger("change") creates an infinite loop