I don't see a "drag" option in draggables documentation... or am i missing anything here ???
---- Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Fri, Feb 6, 2009 at 10:19 AM, Richard D. Worth <rdwo...@gmail.com> wrote: > Which version of jQuery UI are you using? > > jQuery UI 1.5.3 is only compatible with jQuery 1.2.6 > jQuery UI 1.6rc6 is only compatible with jQuery 1.3+ > > When these don't match, the most common error is callbacks not firing. If > that's not your issue, please post a follow-up on the jQuery UI list > > http://groups.google.com/group/jquery-ui > > Thanks. > > - Richard > > On Thu, Feb 5, 2009 at 8:26 PM, knight <knight....@gmail.com> wrote: >> >> Hello, >> >> The question is why drag-option doesn't work ( options.drag = function >> (event,info) { alert('drag'); } )? >> Thanks in advance. >> >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// >> www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> >> <html xmlns="http://www.w3.org/1999/xhtml";> >> <head> >> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> >> <title>Scroll element</title> >> <style type="text/css"> >> .scrollable { >> overflow:hidden; >> height:200px; >> width:350px; >> margin:100px auto; >> } >> >> .bloc { >> margin:5px auto; >> font-size:12px; >> } >> >> .scr_cnt_handle { >> float:left; >> height:100%; >> border:1px solid #000; >> } >> >> .scr_body { >> float:left; >> overflow:hidden; >> height:200px; >> width:300px; >> } >> >> .ctr_handle { >> width:20px; >> height:40px; >> background-color:#006699; >> } >> </style> >> >> <script src="jquery-1.3.1.min.js" type="text/javascript" >> language="javascript"></script> >> <script src="ui.core.js" type="text/javascript" >> language="javascript"></script> >> <script src="ui.draggable.js" type="text/javascript" >> language="javascript"></script> >> >> <script type="text/javascript" language="javascript"> >> $(function(){ >> var options = {}; >> options.containment = 'parent'; >> options.axis = 'y'; >> options.drag = function(event,info) { alert('drag'); } >> >> $('.ctr_handle').draggable(options); >> >> }); >> </script> >> </head> >> >> <body> >> >> <div class="scrollable"> >> <div class="scr_body"> >> <div class="bloc"> >> <img src="FooterRevision.png" width="60" >> height="60" >> style="float:left;" /> >> Text some here text! Text some here text! >> Text some here text! >> Text some here text! >> </div> >> <div class="bloc"> >> <img src="InteriorPage1.png" width="60" >> height="60" >> style="float:left;" /> >> Text some here text! Text some here text! >> Text some here text! >> Text some here text! >> </div> >> <div class="bloc"> >> <img src="InteriorPage2.png" width="60" >> height="60" >> style="float:left;" /> >> Text some here text! Text some here text! >> Text some here text! >> Text some here text! >> </div> >> <div class="bloc"> >> <img src="FooterRevision.png" width="60" >> height="60" >> style="float:left;" /> >> Text some here text! Text some here text! >> Text some here text! >> Text some here text! >> </div> >> </div> >> <div class="scr_cnt_handle"> >> <div class="ctr_handle"></div> >> </div> >> >> <div style="clear:both;"></div> >> </div> >> >> </body> >> </html> > >
