question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Any solution for JQuery problem

See original GitHub issue

Hi Guys, This very very cool library and one of best I ever seen but it can’t still work it out. I tried serval thing but every time it shows me Uncaught ReferenceError: jQuery is not defined at semantic.min.js:11. ( Ahhh 😟). Can some one suggest a solution for this issue. I’m using this on electron app with angular. I have tried CDN and build up process even. Every time it gives the same error.

Thank you, Regrads, DELOCKDOWN.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

36reactions
jihoon-ohcommented, Mar 25, 2017

You need to reference the jQuery script tag before referencing the Semantic-UI script tag in your header HTML file. For example, assuming you’re using the CDN for both, the correct order should be:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js"></script>

You can also check out: http://stackoverflow.com/questions/30281258/how-to-use-semantic-ui-cdn

Let me know if it works! Cheers

27reactions
mrzslrcommented, Oct 16, 2017

if you got the Uncaught ReferenceError: jQuery is not defined at semantic.min.js:11 error again in the console, first and the only thing you should to do is put jQuery link load before the SemanticUI link load. in first load the jQuery and then load the SemanticUI.be consider about the orders. Wrong way

<script src="your_path/semantic.min.js" type="text/javascript"></script>
<script src="your_path/jquery.min.js" type="text/javascript"></script>

Correct way

<script src="your_path/jquery.min.js" type="text/javascript"></script>
<script src="your_path/semantic.min.js" type="text/javascript"></script>
Read more comments on GitHub >

github_iconTop Results From Across the Web

Simple jQuery Solution To A Simple Problem
All better. The last step is to put it all together, and add the if statement that's going to test whether the block...
Read more >
5 Easy Ways to Fix the "jQuery is Not Defined" Error
Method 2: Make Sure jQuery Is Loaded. You may experience the “jQuery is not defined error” when jQuery is included but not loaded....
Read more >
jQuery is not defined: Common causes and a simple solution
Learn about some of the causes and simple solutions for one of the most common JavaScript errors, jQuery is not defined.
Read more >
How to Fix the WordPress 5.5 jQuery Problem
The first step of the process of modernizing WordPress was removing the jQuery Migrate 1.x in WordPress 5.5. And that's what is causing...
Read more >
How to solve this Jquery problem - css
js" ></script> ....here download it from here JQuery 1.5..I think because the JS is located at some other place it taking time to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found