Page Builder doesn’t show dragable elements
Hi,
I’m a happy user of your Page Builder and SiteOrigin Widgets Bundle…
Recently I moved from hosting to my own VPS…
The problem is that: in local version all is working as it hoped, but in the VPS i get this error from Google Developer tools:
Uncaught TypeError: Cannot read property ‘add’ of undefined load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:674
at http://carletonita.com.ar/mdg/wp-admin/load-scripts.php?c=0&load%5B%5D=hove…unch,iris,wp-color-picker,wplink,media-upload,wp-embed&ver=4.6.1:674:11984
at http://carletonita.com.ar/mdg/wp-admin/load-scripts.php?c=0&load%5B%5D=hove…-punch,iris,wp-color-picker,wplink,media-upload,wp-embed&ver=4.6.1:674:103
at http://carletonita.com.ar/mdg/wp-admin/load-scripts.php?c=0&load%5B%5D=hove…-punch,iris,wp-color-picker,wplink,media-upload,wp-embed&ver=4.6.1:674:113(anonymous function) @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:674(anonymous function) @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:674(anonymous function) @ load-scripts.php?c=0&load[]=hoverIntent,common,admin-bar,heartbeat,autosave,wp-ajax-response,jquery…:674
Error loading data: t.draggable is not a function siteorigin-panels-24.min.js?ver=2.4.18:2
The offending code, in that tools points to:
-> a.ui.plugin.add(“resizable”, “animate”, { <- This line, the next lines are for your refference
stop: function(b) {
var c = a(this).resizable("instance")
, d = c.options
, e = c._proportionallyResizeElements
, f = e.length && /textarea/i.test(e[0].nodeName)
, g = f && c._hasScroll(e[0], "left") ? 0 : c.sizeDiff.height
, h = f ? 0 : c.sizeDiff.width
, i = {
width: c.size.width – h,
height: c.size.height – g
}
, j = parseInt(c.element.css("left"), 10) + (c.position.left – c.originalPosition.left) || null
, k = parseInt(c.element.css("top"), 10) + (c.position.top – c.originalPosition.top) || null ;
c.element.animate(a.extend(i, k && j ? {
top: k,
left: j
} : {}), {
duration: d.animateDuration,
easing: d.animateEasing,
step: function() {
var d = {
width: parseInt(c.element.css("width"), 10),
height: parseInt(c.element.css("height"), 10),
top: parseInt(c.element.css("top"), 10),
left: parseInt(c.element.css("left"), 10)
};
e && e.length && a(e[0]).css({
width: d.width,
height: d.height
}),
c._updateCache(d),
c._propagate("resize", b)
}
})
}
}),
I readed your advices about deactivate the other plugins, and clear cache (only the browser in my case, because I don't have any cache activated in the VPS neither external [i.e.: cloudflare])… These doesn't helps
The code and DB was tar.gz'ed from local copy to VPS, compared and they are byte to byte the same…
I suspect there is a problem of dependencies not resolved at the moment siteorigin-panels-24.min.js calls to t.draggable; but, I don't figured out how to fix that…
I can work in the time being, but is uncomfortable upload the DB after any definitive change…
How can help you to help me? :)
Thanks in advance…
PS: Tested with 2.7.17 and 2.7.18, in local context works but in remote it doesn't…
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
2Perhaps will more helpfull this snipets, sorry before I didn’t realize what will be rendered when the message is sent:
This is the error reported in Google Developer Tools:
And the code marked in the code window is:
a.ui.plugin.add("resizable", "animate", { stop: function(b) { var c = a(this).resizable("instance") , d = c.options , e = c._proportionallyResizeElements , f = e.length && /textarea/i.test(e[0].nodeName) , g = f && c._hasScroll(e[0], "left") ? 0 : c.sizeDiff.height , h = f ? 0 : c.sizeDiff.width , i = { width: c.size.width - h, height: c.size.height - g } , j = parseInt(c.element.css("left"), 10) + (c.position.left - c.originalPosition.left) || null , k = parseInt(c.element.css("top"), 10) + (c.position.top - c.originalPosition.top) || null ; c.element.animate(a.extend(i, k && j ? { top: k, left: j } : {}), { duration: d.animateDuration, easing: d.animateEasing, step: function() { var d = { width: parseInt(c.element.css("width"), 10), height: parseInt(c.element.css("height"), 10), top: parseInt(c.element.css("top"), 10), left: parseInt(c.element.css("left"), 10) }; e && e.length && a(e[0]).css({ width: d.width, height: d.height }), c._updateCache(d), c._propagate("resize", b) } }) } }),Hope this will be usefull
Regards…
Just for your information:
I fixed installing from scratch WP and the plugins.
The plugins were installed after check if the installed one was or not the offending one…
All is working fine, but I couldn’t know what happend…
Sorry for the inconveniences, I hope this helps some one in the future…
Regards…
E
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.