Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
plugins-topic
File Uploader dialog not show
Avatar
Jui-Yu Tsai
Member
Free Members
sp_UserOfflineSmall Offline
Nov 14, 2013 - 3:49 am

Issue plugin: File Uploader with Plupload
Site: http://belizeonlinemarket.com/forum/
How to reproduce issue:
1. register and post an article in any forum (You should have standard permission)
2. click "Upload Attachments"
3. getting javascript error in console (using chrome)

  1. Uncaught TypeError: Cannot read property 'dialog' of undefined wpdialog.min.js?ver=3.7.1:1
    1. (anonymous function) wpdialog.min.js?ver=3.7.1:1
    2. (anonymous function) wpdialog.min.js?ver=3.7.1:1
  1. Uncaught TypeError: Object [object Object] has no method 'msDropDown' (index):430
    1. (anonymous function)(index):430
    2. c jquery.js?ver=1.10.2:3
    3. p.fireWith jquery.js?ver=1.10.2:3
    4. x.extend.ready jquery.js?ver=1.10.2:3
    5. q

4. There is no pop up 

Please let me know if I need to provide more information.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Nov 14, 2013 - 4:23 am

You most probably have a JavaScript conflict - your wp theme or another plugin - which needs to be fixed. This codex article explains what this means and what to look for:

http://codex.simple-press.com/.....-conflict/

In fact I can see that your WP theme IS loading a second and invalid copy of jQuery.

While not producing errors, I see that the WP theme is also loading a copy of bootstrap.js which is unsupported by WordPress. The main problem with this library is that is stomps over some of the jQuery UI CSS rules which can make components mis-function. The key ios to get it loaded before jQuery and the jQuery UI core libraries which is not the case on your site at the moment.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Jui-Yu Tsai
Member
Free Members
sp_UserOfflineSmall Offline
Nov 14, 2013 - 11:55 am

You are right. I tried to switch the theme, and the issue goes away. 

I will follow your instruction later of the day to see if I can fix it.

thanks.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Nov 14, 2013 - 10:17 pm

please let us know what you find...

Avatar
Jui-Yu Tsai
Member
Free Members
sp_UserOfflineSmall Offline
Nov 15, 2013 - 4:54 am

The theme was using jQuery 2.0.3 along with jQuery ship with wordpress.
I removed the 2.0.3 version, and the Plupload panel show up; however, the start button is not working.

After further investigate, it seems there is conflict between bootstrap button js and jQuery UI button.
I took bootstrap button js out of picture, and now I can upload image without issue.

I guess this plugins is not bootstrap compatible. 

thanks for help.

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Nov 15, 2013 - 5:07 am

Please see my comments regarding Bootstrap in post #2 above which explains the problem - and a potential solution. It really should not be used for WordPress based sites until such a time as the WP team properly support it.

andy-signature.png
YELLOW
SWORDFISH
Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Nov 15, 2013 - 8:32 pm

the issue is that bootstrap and jquery ui (which wp already uses) clash...  if bootstrap is loaded after jquery ui, it stomps on it...  some theme others choose to use it because jquery ui is not always loaded on the front end...

wp is talking about adding bootstrap itself and it should ensure that it loads before jquery ui then...  until then, you can use them, just have to ensure that bootstrap is loaded before jquery ui...

Avatar
Brandon Elliott
Rookie
Free Members
sp_UserOfflineSmall Offline
Dec 14, 2013 - 11:31 pm

I have the same issue. The pop up window does not show. How do I fix this?

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 15, 2013 - 1:28 am

same issue?  so did you fix the bootstrap issue causing it?

Avatar
Kevin Bowers
Member
Free Members
sp_UserOfflineSmall Offline
Jan 7, 2014 - 11:02 am

I'm having this same issue. I know it's the bootstrap js that my theme is using. How do I ensure that bootstrap is loaded before jquery ui?

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17363
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625