jQuery UI form stopped working, with no known changes - javascript

I'm having trouble with a previously working jQuery UI product order form on pages such as http://deadlynightshades.com/custom/squared/eddie
This is a jQuery UI Accordion, Tabs, and Buttons with an html form. All the scripts and stylesheets appear to be properly linked.
The accordion doesn't seem to be establishing itself properly anymore. The styling classes are applied, but the expand and contract behavior does not respond.
The only script I wrote myself is at http://deadlynightshades.com/Frontend/Capacitor/Scripts/Deadly.js
Can anyone tell me if it has errors? Again, it used to work, for months, until a few days ago.
The jQuery UI elements are established in the Deadly.js script:
// Establish jQuery-UI controls
$("#Tabs").tabs();
$("input:submit").button();
$("a.addtocart").button({ icons: { primary: "ui-icon-cart" }});
$("#Accordion").accordion();
If the line initializing the accordion is moved, then the part of the script remaining above the command will function. When the accordion is established near the top of the script, nothing that follows works as expected. The accordion() broke, as far as I can tell.
Another symptom has to do with foxycart. When a product is added to the shopping cart, the cart should display in a lightbox. For some reason, it has started displaying as a standalone page.
I will answer any requests for more info. I'm at a loss. Thank you for any suggestions.

Uncaught TypeError: Cannot read property 'safari' of undefined jquery-ui.min.js:220
Failed to load resource: the server responded with a status of 404 (Not Found) http://deadlynightshades.com/Frontend/Capacitor/Images/Eggplant/ui-bg_flat_30_3d3644_40x100.png
Uncaught TypeError: Object [object Object] has no method 'live' jquery.nivo.slider.pack.js:24
Uncaught TypeError: undefined is not a function jquery.nivo.slider.pack.js:22

You're using jQuery from google. It's possible that your site was designed with an older version of jQuery in mind and you were updated to 1.9.0 by the link you use.

Related

sidebar and top-menu issue. conflict with grid module

I need a little help from you if you are familiar with css, php or javascript.
I needed a grid display component for my site, and after searching I found a suitable one and installed it. Now the problem is that after activating the module related to this component on any page, the menu at the top of my site stops working. It means that there is an interference between the grid component and the menu. If I disable the grid module, the menu works again without any problem.
Please see for yourself in the link below.
http://test6.harfrooz.com/117-more/18376-top-20-ufo-sightings
Currently, the grid module is active under articles,so nothing happens if you click on the search button or the corresponding button on the sidebar menu. This issue occurs only in mobile and tablet display modes. So reduce the browser size to see what I mean.
The question is, what should I do to solve the problem? I don't think it should be a very complicated problem?
Also, when the grid module is active, the following error can be seen on the Google Inspect page.
mootools-core.js?d25b1e28c6a2a29d5e390c182349c46d:136 Uncaught TypeError: Cannot read properties of undefined (reading 'x')
at getWidth (mootools-core.js?d25b1e28c6a2a29d5e390c182349c46d:136:134)
at Object.check (script.js:137:23)
at Object.initialize (script.js:58:14)
at HTMLDocument.<anonymous> (script.js:442:14)
at n (jquery-1.7.1.min.js:2:14784)
at Object.fireWith (jquery-1.7.1.min.js:2:15553)
at Function.ready (jquery-1.7.1.min.js:2:9773)
at HTMLDocument.B (jquery-1.7.1.min.js:2:14348)
Please see this image for better understanding
I checked the URL. The reason [Menu] and [Search Box] not working (in mobile view) is JS error you saw in console. If you fix that, they will be fixed too.
I can see that your home page is OK currently:
http://test6.harfrooz.com
You can see that the grid is not loading anymore in article view but in your demo it is loading yet and I guess that's the reason (perhaps it occurred after disabling some menus?).
So you should disable grid in article view somehow! For first try check the template manager and see how many styles are there? Maybe you need to set different style for homepage and other pages. specific themes usually selected through menu manager.

Add a Page Screen is Visually Blank

On one of my sites on a multisite install of wordpress I am having an issue where when I try to add or edit a page just a blank page loads.
The HTML of the page that should be there is present if you inspect the page and I am getting several of the follow JS errors.
Uncaught TypeError: Cannot read properties of undefined (reading 'registerBlockType')
I have disabled all plugins and gone back to default theme twenty twenty, and the issue persists.
I'm not using any custom blocks as I did see that answer come up as a reason for this error when searching online. I am only using blocks from the built in Gutenberg block editor.
I am updated to the most recent version of wordpress and woocommerce.
I tried turning on WP_Debug in wp-config.php but that did not show any errors when attempting to add or edit a page.
If there is more information I can provide please let me know, I'm not sure where to go from here.
Any help would be greatly appreciated.

parallax scrolling issue, using stellar.js

I am developing a static site using parallax effect on it.I use stellar.js for parallax. Everything is working fine but when I open it in Safari then the problem begins, Its so buggy and not smooth at all. You can check it here-
https://dl.dropboxusercontent.com/u/126128285/empowered-marketing/index.html
Can anyone please give me the solution of it?
If you are using Chrome you should look at the console and see that there are quite a few errors like:
Uncaught Error: Bootstrap requires jQuery
which basically means that you need to include jQuery on your page because it's required by Bootstrap.
Uncaught SyntaxError: Unexpected token <
you've got "<" somewhere in your JavaScript code which shouldn't be there
Uncaught TypeError: Object [object Object] has no method 'scrollspy'
you are trying to use a method which doesn't exist which could be a result of the previous two errors.

jQuery UI returning "undefined" for Timepicker add-on in Wordpress

I am attempting to utilize Trent Richardson's TimePicker jQuery UI plugin to add a time picking widget to a Wordpress plugin. jQuery and jQuery UI are both enqueued as they should be and are working fine (the Datepicker/Slider requirements for TimePicker have both been verified to be included and working as well as the TimePicker script is loading fine).
However, Firebug is giving me the following error:
TypeError: $.ui is undefined
The line in question is this:
$.ui.timepicker = $.ui.timepicker || {};
I understand that it's occurring because for some reason this script isn't finding $.ui (which I assume is a standard notation for referring to jQuery UI?) I also tried simply pre-defining the $.ui at the top and I got rid of that undefined error, but then it threw another for
$.datepicker
That is further on down in the code on line 973. There doesn't seem to be a lot of sense in explicitly defining $.ui and $.datepicker in the top of the script when they should be valid references to the jQuery objects... I'm just not sure how to fix what appears to be a broken link.
I ended up finding another TimePicker plugin that worked right "out of the box" so to speak. Literally just changed the reference from the old jquery.timepicker.js to the new jquery.ui.timepicker.js and everything is working beautifully.
My general intuition/feeling on the "old" script is that it might be using either an outdated or advanced api calling method that is causing problems with jQuery's/UI's version.

jQuery call followed by clicking accordion control fires Ms Jscript error

I have jquery modal that works perfectly fine.
But after closing this modal and clicking on accordion control(MS ajax) fires
Jscript runtime error
Microsoft JScript runtime error:
Sys.ArgumentTypeException: Object of
type
'AjaxControlToolkit.AccordionSelectedIndexChangeEventArgs'
cannot be converted to type
'Sys.CancelEventArgs'. Parameter name:
instance
I have done days of searching. But I couldn't find a solution to this.
I have tried scriptmode="Release". Single reference call to the jquery file.
I read some parts saying that some it helped some people to turn of smart navigation but I couldn't find how to do so.
If anyone has any idea on this it will be much appreciated.
Please.. Help~!
I've solved this issue by putting this
var $j = jQuery.noConflict();
at the end of my jquery.js file and referencing all jquery functions with a $j, instead of $
Ok I found the problem. One of the controls inside the container(div) which is loaded by jquery was throwing an error. So in this case, the error message did not help much to track that particular control down.
Thanks a lot for your effort guys!.

Categories