Plugin implementation issue with jQuery -
i've been having problem implementing plugin supposed "simple". plugin @ address : http://lab.smashup.it/flip/
i tried testing out simple short code , checked code page plugin displayed make sure doing right, apparently nothing happens , i'm not getting errors feedback don't know direction go towards.
here code test ran with:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test#0935</title> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // load jquery google.load("jquery", "1"); </script> <script src="js/jquery-ui-1.7.2.custom.min.js"></script> <script src="js/jquery.flip.min.js"></script> <script type="text/javascript"> $("a").bind("click",function(){ $("#flipo").flip({ direction: "tb" }) return false; }); </script> <style type="text/css"> #flipo { width:100px; height:70px; background-color:lightblue; margin:20px; } </style> </head> <body> <div id="flipo"></div> <a href="#" id="left">left</a> </body> </html> i "imported" same source jquery library plugin-author did , i've made sure reference plugin correct.
looking @ source code authors page, see "binds" click function on link tags, calls .flip method plugin, , "tb" means "flip leftwards".
wrap .bind() in $(function() {}); wrapper. simulates $(document).ready(), means "everything inside load dom loaded , before page contents loaded. "
$(function() { $("a").bind("click",function(){ $("#flipo").flip({ direction: "tb" }) return false; }); });
Comments
Post a Comment