xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="en" dir="ltr">3
<head>4
<meta charset="utf-8">5
<!-- Font Awesome -->6
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">7
<!-- Bootstrap core CSS -->8
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">9
<!-- Material Design Bootstrap -->10
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.1/css/mdb.min.css" rel="stylesheet">11
<!-- JQuery -->12
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>13
<!-- Bootstrap tooltips -->14
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>15
<!-- Bootstrap core JavaScript -->16
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>17
<!-- MDB core JavaScript -->18
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.1/js/mdb.min.js"></script>19
20
</head>21
22
<body>23
24
<div class="md-form" style="margin-left:13%; margin-right: 13%">25
<div class="chips chips-placeholder" id="first_tag">26
</div>27
<div class="chips chips-placeholder" id="second_tag">28
</div> 29
<div class="chip chip-lg aqua-gradient white-text">30
Aqua color31
<i class="close fas fa-times"></i>32
</div>33
34
<div class="chip pink lighten-4">35
Tag 22036
<i class="close fas fa-times"></i>37
</div>38
39
<div class="input-field text-center">40
<button class="waves-effect waves-light btn amber" type="submit">Save</button>41
</div>42
</div>43
</body>44
</html>45
1
1
xxxxxxxxxx1
$('.chips-placeholder').materialChip({2
placeholder: 'Enter a tag',3
secondaryPlaceholder: '+Tag',4
});5
$('.chips').on('chip.add', function(e, chip){6
console.log('add') ;7
console.log('angara')8
});9
10
$('.chips').on('chip.delete', function(e, chip){11
console.log('delete') ; });12
13
$('.chips').on('chip.select', function(e, chip){14
console.log('select') 15
});16
Console errors: 0