It's a callback option, which are currently listed at the bottom of the list of options (not intermingled otherwise in alpha order with the "regular" options). We're working on showing them on their own tab.
- Richard On Fri, Feb 6, 2009 at 3:21 AM, jQuery Lover <ilovejqu...@gmail.com> wrote: > > 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> > > > > >
