Uncaught TypeError for inline javascript

up vote
-1
down vote

favorite

I have installed a skin for an e-commerce store and I noticed these errors:

Uncaught TypeError: $ is not a function

<li><span class="tdbLink"><a id="tdb1" href="/index.php">Home</a></span><script type="text/javascript">$("#tdb1").button().addClass("ui-priority-secondary") ...

The followin glibraries are already being loaded in the header:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

I read some similar solution which suggested switching the $ to jQuery, when I do that I get:

jQuery(...).button is not a function

Similarly wrapping the js in:

jQuery(document).ready(function($){ .... });

Uncaught TypeError: "#tdb1".button is not a function

I am sure this is a simple fix, why am I getting this error?

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

asked Nov 10 at 13:41

Alan A

1,04461737

3

jQuery(...).button is not a function suggests that jQuery is loaded but the plugin isn't. Have you verified that it's being loaded correctly?
– David Thomas
Nov 10 at 13:45

@DavidThomas which plugin?
– Alan A
Nov 10 at 13:51

1

The plugin file that includes the button() method. It is not part of core jQuery library
– charlietfl
Nov 10 at 13:55

It's from jQueryUI which you will need to add separately
– Rory McCrossan
Nov 10 at 14:11

When I add the jQuery UI plugin directly after the jQuery I get the same error in console: Uncaught TypeError: $ is not a function
– Alan A
Nov 10 at 18:35

add a comment |

up vote
-1
down vote

favorite

I have installed a skin for an e-commerce store and I noticed these errors:

Uncaught TypeError: $ is not a function

<li><span class="tdbLink"><a id="tdb1" href="/index.php">Home</a></span><script type="text/javascript">$("#tdb1").button().addClass("ui-priority-secondary") ...

The followin glibraries are already being loaded in the header:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

I read some similar solution which suggested switching the $ to jQuery, when I do that I get:

jQuery(...).button is not a function

Similarly wrapping the js in:

jQuery(document).ready(function($){ .... });

Uncaught TypeError: "#tdb1".button is not a function

I am sure this is a simple fix, why am I getting this error?

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

asked Nov 10 at 13:41

Alan A

1,04461737

3

jQuery(...).button is not a function suggests that jQuery is loaded but the plugin isn't. Have you verified that it's being loaded correctly?
– David Thomas
Nov 10 at 13:45

@DavidThomas which plugin?
– Alan A
Nov 10 at 13:51

1

The plugin file that includes the button() method. It is not part of core jQuery library
– charlietfl
Nov 10 at 13:55

It's from jQueryUI which you will need to add separately
– Rory McCrossan
Nov 10 at 14:11

When I add the jQuery UI plugin directly after the jQuery I get the same error in console: Uncaught TypeError: $ is not a function
– Alan A
Nov 10 at 18:35

add a comment |

up vote
-1
down vote

favorite

I have installed a skin for an e-commerce store and I noticed these errors:

Uncaught TypeError: $ is not a function

<li><span class="tdbLink"><a id="tdb1" href="/index.php">Home</a></span><script type="text/javascript">$("#tdb1").button().addClass("ui-priority-secondary") ...

The followin glibraries are already being loaded in the header:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

I read some similar solution which suggested switching the $ to jQuery, when I do that I get:

jQuery(...).button is not a function

Similarly wrapping the js in:

jQuery(document).ready(function($){ .... });

Uncaught TypeError: "#tdb1".button is not a function

I am sure this is a simple fix, why am I getting this error?

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

asked Nov 10 at 13:41

Alan A

1,04461737

I have installed a skin for an e-commerce store and I noticed these errors:

Uncaught TypeError: $ is not a function

<li><span class="tdbLink"><a id="tdb1" href="/index.php">Home</a></span><script type="text/javascript">$("#tdb1").button().addClass("ui-priority-secondary") ...

The followin glibraries are already being loaded in the header:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

I read some similar solution which suggested switching the $ to jQuery, when I do that I get:

jQuery(...).button is not a function

Similarly wrapping the js in:

jQuery(document).ready(function($){ .... });

Uncaught TypeError: "#tdb1".button is not a function

I am sure this is a simple fix, why am I getting this error?

jquery

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

asked Nov 10 at 13:41

Alan A

1,04461737

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

asked Nov 10 at 13:41

Alan A

1,04461737

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

edited Nov 10 at 14:12

Rory McCrossan

238k29200243

asked Nov 10 at 13:41

Alan A

1,04461737

asked Nov 10 at 13:41

Alan A

1,04461737

asked Nov 10 at 13:41

Alan A

1,04461737

3

jQuery(...).button is not a function suggests that jQuery is loaded but the plugin isn't. Have you verified that it's being loaded correctly?
– David Thomas
Nov 10 at 13:45

@DavidThomas which plugin?
– Alan A
Nov 10 at 13:51

1

The plugin file that includes the button() method. It is not part of core jQuery library
– charlietfl
Nov 10 at 13:55

It's from jQueryUI which you will need to add separately
– Rory McCrossan
Nov 10 at 14:11

When I add the jQuery UI plugin directly after the jQuery I get the same error in console: Uncaught TypeError: $ is not a function
– Alan A
Nov 10 at 18:35

add a comment |

3

jQuery(...).button is not a function suggests that jQuery is loaded but the plugin isn't. Have you verified that it's being loaded correctly?
– David Thomas
Nov 10 at 13:45

@DavidThomas which plugin?
– Alan A
Nov 10 at 13:51

1

The plugin file that includes the button() method. It is not part of core jQuery library
– charlietfl
Nov 10 at 13:55

It's from jQueryUI which you will need to add separately
– Rory McCrossan
Nov 10 at 14:11

When I add the jQuery UI plugin directly after the jQuery I get the same error in console: Uncaught TypeError: $ is not a function
– Alan A
Nov 10 at 18:35

jQuery(...).button is not a function suggests that jQuery is loaded but the plugin isn't. Have you verified that it's being loaded correctly?
– David Thomas
Nov 10 at 13:45

@DavidThomas which plugin?
– Alan A
Nov 10 at 13:51

The plugin file that includes the button() method. It is not part of core jQuery library
– charlietfl
Nov 10 at 13:55

It's from jQueryUI which you will need to add separately
– Rory McCrossan
Nov 10 at 14:11

When I add the jQuery UI plugin directly after the jQuery I get the same error in console: Uncaught TypeError: $ is not a function
– Alan A
Nov 10 at 18:35

add a comment |

active

oldest

votes

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53239563%2funcaught-typeerror-for-inline-javascript%23new-answer', 'question_page');
}
);

Post as a guest

Name

active

oldest

votes

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Name

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Ndtyjky