Dot dot dot after option tests

Testing events attached to dotdotdot after element

by Neviton

HTML

<button class="add-dot">ADD DOT</button>
<button class="remove-dot">REMOVE DOT</button>
<button class="add-click">ADD CLICK</button>
<hr>
<div class="ellipsis">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero dolor corporis, magni aliquid natus necessitatibus placeat. In, labore aut ea eveniet, illum odio culpa numquam et, amet iste, asperiores libero.<span class="button">click</span></div>

<div class="ellipsis">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero dolor corporis, magni aliquid natus necessitatibus placeat. In, labore aut ea eveniet, illum odio culpa numquam et, amet iste, asperiores libero.<span class="button">click</span></div>

CSS

.ellipsis {
	width: 100px;
	height: 100px;
	background-color: silver;
	margin: 10px;
	float: left;
}

.button {
	font-weight: bold;
}

JavaScript

$('.add-dot').on('click', function() {
	$('.ellipsis').dotdotdot({
		after: '.button'
	});
});

$('.remove-dot').on('click', function() {
	$('.ellipsis').trigger('destroy');
});

$('.add-click').on('click', function() {
	$('.button').on('click', function() {
		console.log('click');
	});
});