Skip to main content

Posts

Showing posts with the label append

jQuery using append with effects

How can I use .append() with effects like show('slow') Having effects on append doesn't seem to work at all, and it give the same result as normal show() . No transitions, no animations. How can I append one div to another, and have a slideDown or show('slow') effect on it? Source: Tips4all

Is it possible to insert in-line javascript code into another javascript/jquery code?

This question looks a little dumb... but I am wondering if is it possible to insert in-line javascript code into another javascript code. Lets put this clear: I'm trying to put a google plus button, appending it through jquery as follows: jQuery('.gplus').append('<g:plusone annotation="inline"></g:plusone>'); This button needs external js in order to work properly. What i'm trying to do is insert the external js doing this: var gplusjs = ' <script type="text/javascript"> (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); </script>'; jQuery('#js').append(gplusjs); The result of this is the code printed as HTML, but not interpreted as a script. This