Другие элементы jquery не поддерживаются, когда я применяю этот скрипт на своей странице

Question

Другие элементы jquery не поддерживаются, когда я применяю этот скрипт на своей странице

0

Я использую многие элементы jQuery на моей странице, например, переключать, аккордеон,
show hide и lightbox, но когда я применяю это

<script type="text/javascript" 
src="http://www.solutoire.com/experiments/mootools/mootools.js">
</script>

мои другие плагины jquery не поддерживаются.

Sam 20 март 2014, в 08:25

Источник

Теги:

javascript

jquery

5 ответов

Ещё вопросы

Chris Harrison · Answer 1 · 2014-03-20T04-54-00.000Z

Это потому, что Mootools и jQuery используют знак доллара ($).

Вы можете обойти эту проблему, используя noConflict в jQuery:

jQuery.noConflict();

Просто включите этот код в начале вашего Javascript прежде всего.

как я это делаю? пожалуйста скажите мне подробно ....
Я обновил свой ответ, чтобы объяснить это.

Felix · Answer 2 · 2014-03-20T04-27-00.000Z

Вероятно, существует конфликт между Mootools и jQuery, поскольку обе библиотеки используют $.

Вы можете использовать jQuery вместо $ в вашем коде jQuery или обернуть код jQuery внутри:

jQuery(function($) {
    // Your code here
});

<script>
// Disable the $ global alias completely
jQuery.noConflict();

// For jQuery scripts
(function($){

// set a local $ variable only available in this block as an alias to jQuery
... here is your jQuery specific code ...

})(jQuery);

// For Mootols scripts
(function($){

// set a local $ variable only available in this block as an alias 
// to Mootools document.id
... here is your Mootools specific code ...

})(document.id);
</script>

какой код я использую здесь, я не знаю об этом, вы можете рассказать мне подробно, пожалуйста ....
Проверьте мой обновленный ответ :-)
это не работает, вы можете сказать мне другой стиль меню JQuery аккордеон

Vasiliy Vanchuk · Answer 3 · 2014-03-20T04-24-00.000Z

использование

jQuery.noConflict();

и проверить эту тему

Anastasios Vlasopoulos · Answer 4 · 2014-03-20T03-44-00.000Z

Сначала проверьте URL-адрес. Во-вторых, убедитесь, что вы импортируете эту библиотеку после импорта файла jquery. Если ничего из этого не происходит, возможно, существует конфликт между файлами js. Поэтому используйте функцию noConflict().

Vinay Pratap Singh · Answer 5 · 2014-03-20T03-42-00.000Z

0

использование

Нет конфликтов

$.noConflict();
jQuery( document ).ready(function( $ ) {
// Code that uses jQuery $ can follow here.
});

Vinay Pratap Singh 20 март 2014, в 03:42

0

какой код я размещу здесь? расскажите мне подробно, пожалуйста ...
Sam 20 март 2014, в 06:56
0

@ user2930603 код для вашего шоу скрыть переключатель и т. д.
Vinay Pratap Singh 20 март 2014, в 06:57
0

он не работает, сэр .. <script> $ (document) .ready (function () {$ ('# showmenu'). click (function () {$ ('. login-wrapper'). toggle ("show") ;});}); </ Скрипт>
Sam 20 март 2014, в 07:12
0

это будет <script> $ .noConflict (); jQuery (document) .ready (function ($) {$ ('# showmenu'). click (function () {$ ('. login-wrapper'). toggle ("show");});}); </ Скрипт>
Vinay Pratap Singh 20 март 2014, в 07:18
0

но это не работает на моей странице, я использую его, но не работает там другого пути для этого
Sam 20 март 2014, в 07:27
0

Мой весь скрипт на моей странице <script type = "text / javascript" src = "js / jquery-1.9.1.js"> </ script> <script type = "text / javascript" src = "js / jquery-1.10 .4.js "> </ script> <! -------------------------------------- -Для исправления div комментариев ---------------------------> <script type = "text / javascript" src = "js / jquery- lib-1.4.2.js "> </ script> <script type =" text / javascript "src =" js / jquery.sticky.js "> </ script> <script> $ (окно) .load (функция ( ) {$ ("# stop-top"). sticky ({topSpacing: 0, center: true, className: "hey"});}); </ Скрипт>
Sam 20 март 2014, в 07:30
0

<script> $ (window) .load (function () {$ ("# fix-on-top"). sticky ({topSpacing: 0, center: true, className: "hey"});}); </ script> <! --------------------------------------- Для более-box- --------------------------> <script> $ (document) .ready (function () {$ ('# more-box') .click (function () {$ ('. more-detail-container'). toggle ("медленно", "качаться");});}); </ script> <script> $ (document) .ready (function () {$ ('# showmenu'). click (function () {$ ('. login-wrapper'). toggle ("show");} );}); </ Скрипт>
Sam 20 март 2014, в 07:31
0

<script type = "text / javascript"> var accordion; var accordionTogglers; var accordionContents; window.onload = function () {accordionTogglers = document.getElementsByClassName ('accToggler'); accordionTogglers.each (function (toggler) {// запомнить исходный цвет toggler.origColor = toggler.getStyle ('background-color'); // установить эффект toggler.fx = new Fx.Color (toggler, 'background-color) ');});
Sam 20 март 2014, в 07:32

Показать ещё 6 комментариев