jquery resize listener on a div

by

As the thread poelinca provided suggests, there are some nice plugins available for this functionality.

If you don’t like the plugin idea, another simple solution would be to simply trigger a “resize” event on the div whenever the content is modified. Then you could monitor it with resize() as expected, utilizing an elegant observer pattern.

function appendContent($div, content) {
   $div.append(content).trigger($.Event('resize'));
}

$div.bind('resize', function(e) {
   // all your magic resize mojo goes here
});

More Related Contents:

  1. Auto resizing the SELECT element according to selected OPTION’s width
  2. Using jQuery To Get Size of Viewport
  3. auto resize text (font size) when resizing window?
  4. Resizable table columns with jQuery [closed]
  5. Resize event firing multiple times while dragging the resize handle
  6. How do you resize Fancybox at runtime?
  7. jQuery Animation – Smooth Size Transition
  8. Custom CSS to allow chrome textarea resize smaller than initial state?
  9. meaning of console.log(id); id = id.split(" "); [closed]
  10. How to change the text of a button in jQuery?
  11. How to enable CORS in flask
  12. jQuery watch div
  13. How to access JSON Object name/value?
  14. jQuery serialize does not register checkboxes
  15. jQuery : remove element except inside element
  16. How can I change the css class rules using jQuery?
  17. Jquery and HTML FormData returns “Uncaught TypeError: Illegal invocation”
  18. Synchronous calls with jquery
  19. jquery animate background-position firefox
  20. iPad HTML Focus
  21. jQuery ajax call to REST service
  22. How to enable jQuery support in Aptana Studio 3
  23. Display jquery ui auto-complete list on focus event
  24. How to create thead and tbody in ASP.NET Table ?
  25. jQuery How to Get Element’s Margin and Padding?
  26. jQuery how to undo a select change
  27. Problem when retrieving text in JSON format containing line breaks with jQuery
  28. How to make datatable row or cell clickable?
  29. Mailchimp subscribe using jQuery AJAX?
  30. Remove vertical lines in jqGrid

Leave a Comment