Tipue search + Jekyll = jQuery.Deferred exception: $(...).tipuesearch is not a function - javascript

I am trying to make a local JavaScript search option for this open-source website. It's built with Jekyll (Feeling responsive theme) + Tipue Search for Jekyll.
However, I keep getting:
jQuery.Deferred exception: $(...).tipuesearch is not a function #http://learn.neurotechedu.com/search/:1:33
Its very frustrating, because I feel like i have all files and links in place but the called function is still not connecting with the js file. Could anyone give me a hand?
I'm a noob :(

You do not link to your resource correctly. It is showing a 404 response for multiple assets. So you are trying to reference a function that has not been defined yet.

I believe the issue is from including jQuery twice; once from the google apis like in the Tipque instructions, and once from javascript.min.js. I'd try removing the include of javascript.min.js on this page (since it's jQuery 2.1.1 and you want jQuery 3.2.1 for Tipque search as of this writing) and see if your search works now.

Related

Loading an external library such as Tabulator into Google Apps Script

Is it possible to import an external library (in this case Tabulator) into GAS? I've tried using the eval() function and it simply says Syntax Error whenever I attempt to use it. Many thanks
Managed to figure it out, since GAS only allows HTML and GS files in the project I had to reference and include the library from a server repository in the html file

Third party js issue in DXP

I am trying to use Progressbar js in Liferay DXp custom plugin. It was working fine in 6.2 however it seems to be not working in DXP.
I have checked the standalone html with this plugin and it works fine however it is not working with DXP 7.0
I am getting
"Uncaught ReferenceError: ProgressBar is not defined"
error.
The file is well loaded on page but I still get this error
.
I have checked the version of Jquery and it's 2.1.4 in DXP 7.0. The plugin is well supported with this version of Jquery as it works fine on standalone html file.
Not sure if there is any issue with DXP while using third party js plugins as I have faced similar issue while using jquery cookie plugin.
Has anyone faced this issue or is there any way to use third party plugin in DXP?
The way I imported this pluigin in portlet is with annotation
"com.liferay.portlet.header-portlet-javascript=/js/progressbar.min.js",
Since it was not working so I have added it in theme and tried but no luck.
Could anyone help me with this, please.
The way I imported this pluigin in portlet is with annotation "com.liferay.portlet.header-portlet-javascript=/js/progressbar.min.js"
Check the generated markup, what actual URL is requested from the server, and if it's being served. I'm assuming that it's a 404 - for example because the file might be missing from your bundle, or in a different location.
If these hints don't help, please edit your question and create an MCVE

WordPress theme JavaScript error: Uncaught TypeError: jQuery.notifyDefaults is not a function

Im trying to develop my first theme. Im using a ready made HTML5 template and convert it to a wordpress theme.
However, I am having some trouble with Javascript. The HTML5 template uses jQuery scripts for animating it's menu etc. I have enqued the scripts and styles from the theme and they are mostly (!) working . However, in order to get them to work i had to search and replace all $ with jQuery – my understanding is that to avoid conflicts wordpress wont allow $.
Some of the javascript functions arent working and im not entirely sure why. The console is saying Uncaught TypeError: jQuery.notifyDefaults is not a function. Does anybody have any experience of this or knowledge about why this is happening?
Thanks in advance for any replies
I've put the page here to replicate the error.

Electron $(...).selectpicker is not a function

I need your help. I've been stuck with this problem for 2 days.
I'm building an application with electron (by Atom) and I use bootstrap-select. When I launch the app an error rises even if the function in question has not been called yet:
Uncaught TypeError: $(...).selectpicker is not a function
Do someone know how to fix that?
I solved my problem. It seems that using
require('bootstrap-select');
to include the library doesn't work properly, instead, I downloaded the bootstrap-select library and imported manually in the HTML file.

Uncaught TypeError: undefined is not a function when using a jQuery plugin in Magento

I am working on a Magento Extension. Magento has a known issue when you try to use jQuery in Magento because Magento uses the Prototype library.
The work around for it is to put your jQuery code in no conflict mode like this...
jQuery.noConflict();
Once I did this, it resolved 90% of my problems i was having with JavaScript errors. However I still have 3 major problems with JavaScript right now and I believe they are related...
Uncaught TypeError: undefined is not a function
http://www.codedevelopr.com/screenshots/2014/2014-08-23_16-14-37.png
When I view the line numbers that it is reporting these errors from I see this...
Line 1168 jQuery(".acc-wizard").accwizard({ now this accwizard() is a function that is loaded from a jQuery plugin file. I have verified the file is loaded and it is loaded after my jQuery and after I set the no conflict mode for jQuery. I am not sure if something in the plugin file needs to be changed as well to work with the no conflict mode or why it is saying it is undefine?
Same situation with simplecolorpicker() on line 1180.
I have uploaded the file that holds the accwizard() jQuery Plugin, it is about 14kb in size and can be found here http://www.codedevelopr.com/screenshots/2014/acc-wizard-bs-3.js I figured it is a little to large to post that code here.
Can anyone help me to get these errors resolved? It seems any jQuery plugin I try to use results in this undefined error above?
UPDATE
So I have been experimenting with a lot of things with no luck...that is until I tried loading all my JS files inline in my actual template page that my extension uses...once I do that, it all works with none of these errors.
This is frustrating though as I much prefer to have separate JS file for my JS...instead of loading 3 JS files I even tried putting all 3 into 1 file and loading that 1 file but I still get the JS errors...now when I copy that 1 file that had all 3 files combined and put it directly in the template file...everything works perfectly! This makes no sense to me, please help?
There's not enough context in your answer to pinpoint the reason, but it sounds like your web browser executes the code ...
jQuery('foo').accwizard
BEFORE it has downloaded and initialized the plugin that defines the accwizard method.

Categories

Resources