Здравствуйте,
Если на странице есть элемент, к которому привязывается плагин jQuery (например select2), то плагин работает. Если элемент создается скриптом, то плагин к нему не привязывается. Как подключать плагины к динамично создающимся элементам? (В примере нажатие на кнопку "add select" создает новый выпадающий список, но к нему не подключается плагин)
$(document).ready(function() {
$("select").select2();
$("input[type=button]").on('click',function(){
$("div").append('<select><option>1</option><option>2</option><option>3</option><option>4</option></select>');
});
});
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<div>
<input type="button" value="Add select"/>
<br/>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>