uiDialog.draggable is not a function
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Hi guys, and congrats Paul, Liferay is neat company.</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br class="webkit-block-placeholder"></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">After updating on friday and again today to double check (given I hadnt updated my local source for many weeks), I now get this error when initilaizing a dialog:</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br class="webkit-block-placeholder"></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica">uiDialog.draggable is not a function</font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica">[Break on this error] uiDialog.draggable({ handle: '.ui-dialog-titlebar' });</font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica">ui.dialog.js (line 115)</font></div></div><div><br class="webkit-block-placeholder"></div><div>Here is my code:</div><div><br class="webkit-block-placeholder"></div><div><div>attach: function(){</div><div> var _this = this; </div><div> jQuery(this.SELECTOR.CONTAINER).livequery(function(){</div><div> _this.logger.debug("View attaching.");</div><div> _this.dialog = jQuery(this).dialogInit({</div><div> resizable:false,</div><div> position:'center',</div><div> title:"Please Log In"</div><div> }).toggleClass('attached');</div><div> _this.dialogForm = jQuery(_this.SELECTOR.FORM, this);</div><div> _this.nameInput = jQuery(_this.SELECTOR.NAMEINPUT, this);</div><div> _this.passwordInput = jQuery(_this.SELECTOR.PASSWORDINPUT, this);</div><div> _this.message = jQuery(_this.SELECTOR.MESSAGE, this);</div><div> _this.help = jQuery(_this.SELECTOR.HELP, this);</div><div> _this.helpTable = jQuery(_this.SELECTOR.HELPTABLE, _this.help);</div><div> _this.helpTarget = jQuery(_this.SELECTOR.HELPTARGET, this).cluetip({</div><div> cluetipClass: 'rounded', </div><div> positionBy: 'bottomTop', </div><div> topOffset: -70,</div><div> mouseOutClose: true,</div><div> dropShadow: false, </div><div> local:true,</div><div> sticky:true,</div><div> arrows:true</div><div> });</div><div> });</div><div> jQuery(_this.SELECTOR.STYLE).livequery(function(){</div><div> _this.viewStyle = jQuery(this);</div><div> });</div><div> </div><div> },</div><div><br class="webkit-block-placeholder"></div><div>But i dont think you'll find the issue there. I opened the ui/current/demos/ui.dialog.html and get the same error. when I examine the uiDialog object in firebug watch-panel i do not see mention of the function 'draggable' on the object. Examining the source for ui.draggable.js , and after recalling Pauls move toward makeDraggable etc instead of just draggable, I see that draggable is, in fact, not attached to the jQuery namespace.</div><div><br class="webkit-block-placeholder"></div><div>I changed line 114 to use makeDraggable instead of draggable and my apps are hunky dory </div><div><br class="webkit-block-placeholder"></div><div>> from - ui.dialog.js :</div><div><br class="webkit-block-placeholder"></div><div><div>113<span class="Apple-tab-span" style="white-space:pre"> </span>if (options.draggable) {</div><div>114<span class="Apple-tab-span" style="white-space:pre"> </span>uiDialog.makeDraggable({ handle: '.ui-dialog-titlebar' });</div><div>115<span class="Apple-tab-span" style="white-space:pre"> </span>}</div></div></div><div><br class="webkit-block-placeholder"></div>
<div> <span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><div>Chris Thatcher</div><div>(cell) 202 340 9685</div><div><a href="mailto:christopher.thatcher@comcast.net">christopher.thatcher@comcast.net</a></div><div><a href="mailto:chth@loc.gov">chth@loc.gov</a></div><div><br class="khtml-block-placeholder"></div><br class="Apple-interchange-newline"></span></span></span> </div>
<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Hi guys, and congrats Paul, Liferay is neat company.</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br class="webkit-block-placeholder"></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">After updating on friday and again today to double check (given I hadnt updated my local source for many weeks), I now get this error when initilaizing a dialog:</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br class="webkit-block-placeholder"></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica">uiDialog.draggable is not a function</font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica">[Break on this error] uiDialog.draggable({ handle: '.ui-dialog-titlebar' });</font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica">ui.dialog.js (line 115)</font></div></div><div><br class="webkit-block-placeholder"></div><div>Here is my code:</div><div><br class="webkit-block-placeholder"></div><div><div>attach: function(){</div><div> var _this = this; </div><div> jQuery(this.SELECTOR.CONTAINER).livequery(function(){</div><div> _this.logger.debug("View attaching.");</div><div> _this.dialog = jQuery(this).dialogInit({</div><div> resizable:false,</div><div> position:'center',</div><div> title:"Please Log In"</div><div> }).toggleClass('attached');</div><div> _this.dialogForm = jQuery(_this.SELECTOR.FORM, this);</div><div> _this.nameInput = jQuery(_this.SELECTOR.NAMEINPUT, this);</div><div> _this.passwordInput = jQuery(_this.SELECTOR.PASSWORDINPUT, this);</div><div> _this.message = jQuery(_this.SELECTOR.MESSAGE, this);</div><div> _this.help = jQuery(_this.SELECTOR.HELP, this);</div><div> _this.helpTable = jQuery(_this.SELECTOR.HELPTABLE, _this.help);</div><div> _this.helpTarget = jQuery(_this.SELECTOR.HELPTARGET, this).cluetip({</div><div> cluetipClass: 'rounded', </div><div> positionBy: 'bottomTop', </div><div> topOffset: -70,</div><div> mouseOutClose: true,</div><div> dropShadow: false, </div><div> local:true,</div><div> sticky:true,</div><div> arrows:true</div><div> });</div><div> });</div><div> jQuery(_this.SELECTOR.STYLE).livequery(function(){</div><div> _this.viewStyle = jQuery(this);</div><div> });</div><div> </div><div> },</div><div><br class="webkit-block-placeholder"></div><div>But i dont think you'll find the issue there. I opened the ui/current/demos/ui.dialog.html and get the same error. when I examine the uiDialog object in firebug watch-panel i do not see mention of the function 'draggable' on the object. Examining the source for ui.draggable.js , and after recalling Pauls move toward makeDraggable etc instead of just draggable, I see that draggable is, in fact, not attached to the jQuery namespace.</div><div><br class="webkit-block-placeholder"></div><div>I changed line 114 to use makeDraggable instead of draggable and my apps are hunky dory </div><div><br class="webkit-block-placeholder"></div><div>> from - ui.dialog.js :</div><div><br class="webkit-block-placeholder"></div><div><div>113<span class="Apple-tab-span" style="white-space:pre"> </span>if (options.draggable) {</div><div>114<span class="Apple-tab-span" style="white-space:pre"> </span>uiDialog.makeDraggable({ handle: '.ui-dialog-titlebar' });</div><div>115<span class="Apple-tab-span" style="white-space:pre"> </span>}</div></div></div><div><br class="webkit-block-placeholder"></div>
<div> <span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><div>Chris Thatcher</div><div>(cell) 202 340 9685</div><div><a href="mailto:christopher.thatcher@comcast.net">christopher.thatcher@comcast.net</a></div><div><a href="mailto:chth@loc.gov">chth@loc.gov</a></div><div><br class="khtml-block-placeholder"></div><br class="Apple-interchange-newline"></span></span></span> </div>
Topic Participants
Paul Bakaus