I have an issue with a javascript modal not working between 2 themes on a Wordpress site.
I have a form that has a modal popup with a subform that allows you to submit multiple items to a list.
Here is a copy of the working example form. This is Wordpress theme Twenty Sixteen.
http://www.taftcollege.edu/web-tasks/nested-forms-test/
Pressing "Add Salad" appropriately shows the modal.
Here is the not working version on our custom theme.
http://www.taftcollege.edu/safety/modal-test/
Clicking "Add Salad" works in the first version of the form and not in the second.
There is a modal button at the bottom of the forms that works on both forms.
As far as I can tell there's no reason it shouldn't be working. But try as I might I am unable to diagnose the specific reason that it's not working. There's no error showing up in the console.
The author of the theme is unreachable and the author of Gravity Perks has refused to help me with this issue.
Related
I just want to get your opinion regarding my problem.
Currently, I'm developing a system using Yii2 Advanced.AdminLte is used for the backend.
Everything went well until I used modal on my page. I noticed that user account dropdown didn't work.
What should I do with? Should I have to debug everything?
Below is the screenshot when I'm not using modal on my page.
In my WordPress admin when I am inside a single article in the admin panel, and I click on the 'Articles' link on the left menu, I get my a timeout in my browser. This is very strange, because it happens ONLY when I click on that link inside an article: it doesn't happen when I click it from other sections of the panel, as when I'm in the dashboard or plugins section and I want to go to articles.
The second error I receive is when I click the 'Duplicate' button inside a post to translate that content in another language. The result is the same, 5 minutes loading and timeout error which leads to crash of the browser.
All plugins are updated, as well as the WordPress version. I have already tried to disable and activate each plugin one by one and this error comes anyway, also with all plugins disabled!!
I think it's not about WordPress version or plugins but it's like there's something which the system can't manage loading inside the article...I really can't figure out any solution.
The contractor that did our site used a version of smart modal jQuery plugin, not the one from Ben Marshall but this one:
https://code.google.com/p/esp1179/source/browse/trunk/smart-modal/jquery.smartmodal.js?r=22, on our login dialogs.
When an invalid login happens, the form seems to be disabled and I can't figure out why as I DO NOT explicitly disable the form or any of it's controls, with the exception of hiding the login button and showing the spinner.
https://www.scic.com/schedule
Click any of the register links that have a price showing for the course and then enter jibberish in the Username and password inputs.
The file that is calling the dialog is loadpopups.js.
Can someone check it out and help me figure out why it is happening? I'm about to pull out the only hair I have remaining.
The div element containing the error message, called "error_msg" is large and z-index'd over the entire surface of the form. Here's a screenshot from firebug:
You can fix this by adding this to your .error_msg{} style declaration (around line 2484 from the way my firefox sees the output of /css/c/style/):
height: 30px
I have a Jquery Mobile app with a slidemenu in the global page, and it appears with the press of a button or a swipe on the screen, facebook style. My problem is that the first time the app loads, the menu never pops out, even if you press the button a thousand times. You have to refresh the page and then in works in all the pages of the app for the lifetime of the session. If you logout and enter again, you need to refresh.
You can see a example here: http://cic-team.no-ip.biz:9090/apex/f?p=112:2 User: Demo Passw: 1234abc
The menu it's in an "After Header" region as a "List: Menu" type with this custom template: http://i236.photobucket.com/albums/ff289/Best1989/template.png
The button has the following attributes:
data-slidemenu="#slidemenu" data-slideopen="false" style="margin-left:0px !important;"
Maybe the Javascript or the CSS are not loading correctly the first time, but inserting the menu in other region has not worked for me. I'll gladly read your suggestions and comments.
I'm using Apex 4.2.0.
Thanks in advance.
With some research I found the answer to my question, please check this:
http://www.gajotres.net/how-jquery-mobile-page-handling-affects-javascript-executions/
The problem was that I wasn't loading the menu classes at the Login page (which is the first of all) and when you actually got to the page where the button and menu is displayed, it didn't load the classes.
Solved the problem loading the components in the first page but keeping them hidden.
I have created a jquery simple toggle dropdown menu. I placed it in my toplinks to display as a simple menu for selling. When I clik this, It is not showing the div.
Once When I clicked the Item from the product page. It worked fine.
I am guessing about Jquery conflicts and I have tried as much as possible!
Thank you for your answers in advance
Open up your Chromium-Browser and your console
https://developers.google.com/chrome-developer-tools/docs/console#opening_the_console
Type jQuery into the console and press enter
If you get: ReferenceError: jQuery is not defined then you have not included jQuery
Post any errors you get in your console after refreshing the page...