jquery dotdotdot plugin is not woriking for dynamically created html

Question

I am creating elements using:

$('#articleview').append(articles);

I need to apply the dotdotdot plugin to this dynamically created html

$(document).ready(function() {
  $(".ellipsis").dotdotdot();
});

but it's not working in dynamically created html

You will need to recall `$(".ellipsis").dotdotdot();` on dynamically added html. — Vishal Kumar Sahu, Mar 16 '17 at 08:23

Vishal Kumar Sahu · Answer 1 · 2017-03-16T13:59:11.773

1

After the $('#articleview').append(articles);

call -

$(".ellipsis").dotdotdot();

And this should work...

dotdotdot() did it's work for first time the document was loaded. When you changed the content, it needed to be called again.

edited Mar 16 '17 at 13:59

answered Mar 16 '17 at 08:24

Vishal Kumar Sahu

1,232
3
15
27

dotdotdot() did it's work for first time the document was loaded. When you changed the content, it needed to be called again. – Vishal Kumar Sahu Mar 16 '17 at 13:58

score 0 · Answer 2 · answered Mar 16 '17 at 09:25

Always call plugins after dom ready other wise plugin unable to find markup and fail.

var articles='Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text';
$('#wrapper').append(articles);
$(".ellipsis").dotdotdot();

#wrapper {
    width: 100px;
    height: 20px;
  
}

  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://dotdotdot.frebsite.nl/js/jquery.dotdotdot-1.2.1.js"></script>
<div id="wrapper" class='ellipsis'></div>

jquery dotdotdot plugin is not woriking for dynamically created html

2 Answers2