ошибка установки двух скриптов jQuery (конфликт)

0

У меня проблема с установкой двух разных сценариев jquery, один скрипт для функции автозаполнения, а другой - скрипт, который я купил в codecanyon.net под названием Smart Alert.

Оба сценария отлично работают, когда их разделяют, но когда я пытаюсь поставить обе страницы на одной странице, можно работать только...

Например, test1.php:

http://www.tlmweb.tk/test1.php

введите "a" в синем поле ввода, и автозаполнение будет работать, теперь нажмите синюю кнопку "Buscar", и ничего не произойдет...

Теперь, test2.php (используйте одну и ту же ссылку, просто изменив ее на test2.php):

введите "a" в синем поле ввода, и ничего не произойдет (автозаполнение не будет работать), но, пожалуйста, нажмите в синий бутон с именем "Buscar", и Smart Alert будет работать нормально...

Теперь единственное различие между обоими кодами HTML - это строка 44, где я удалял скрипт: для автозаполнения.

Итак, если удалено работает умное предупреждение, и, конечно же, не будет работать автозаполнение, если не удаляется работа автозаполнения, а не умное предупреждение...

Может кто-нибудь, пожалуйста, помогите мне узнать, как исправить эту проблему????

Пожалуйста, ознакомьтесь с исходным кодом и сценариями JS

  • 0
    <script src = " ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/… > должен быть после jquery.min.js
  • 0
    Привет аймаднет; я переместил скрипт, как вы сказали, но теперь больше опций не работает, вы можете увидеть его в test3.php
Показать ещё 2 комментария
Теги:
conflict
jquery-autocomplete

1 ответ

0

Посмотрите на консоль своего браузера:

event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

Ваша версия jQuery слишком устарела для ваших плагинов. Используйте новую версию jQuery или исправьте ее вручную в своем плагине.

Изменить. И вам необходимо изменить порядок заказа на включение JS. Сначала вам нужно определить jQuery, прежде чем включать jQuery UI или любой плагин. Потому что оба они используют jQuery.

Редактирование 2: я исправил раздел html head. Просто используйте это вместо этого (и, пожалуйста, исправьте не отображаемый символ utf-8 в вашем блоке скрипта):

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="icon" href="/favicon.ico?81796153" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.ico?84193814" type="image/x-icon">

    <title>Panel Administrativo - Vales</title>

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link type="text/css" href="css/smoothness/ui.css" rel="stylesheet">
    <link href="alert/css/alert.css" rel="stylesheet">
    <link href="alert/themes/default/theme.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/960.css">
    <link rel="stylesheet" type="text/css" href="css/text.css">
    <link rel="stylesheet" type="text/css" href="css/blue.css">
    <link href="css/botones-btn.css" rel="stylesheet">
    <link href="content/styles.css" rel="stylesheet">
    <style type="text/css">
        #smartAlert[data-icon="error"] #smartAlertIcon {
        background-image: url(img/hand.png);
        }

        #smartAlert[data-icon="correcto"] #smartAlertIcon {
        background-image: url(img/confirm.png);
        }

        h1.ImagenNombreSec { background:url(../images/EmitirVales48.png) left 3px no-repeat; padding-left:60px;}
    </style>

    <script type="text/javascript">
        var Operadores = {
            "12": "PEDRO DE LOYOLA JUAREZ",
            "6": "RAUL GARCIA MARQUEZ",
            "10": "�ARIGON GOMEZ FARIAS",
            "14": "FIDEL ISLAS ISLAS",
            "9": "JAVIER LOPEZ CAMARENA",
            "5": "GERARDO MARQUEZ VELEZ",
            "7": "GABRIEL ENRIQUE MARTINEZ PEREZ",
            "13": "ISABEL PEREZ GODINES",
            "1": "JUAN PEREZ JOLOTE",
            "11": "JUAN PEREZ JOLOTE",
            "8": "MARIA DE TODOS LO ANGELES PEREZ GOMEZ"
        };
    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/blend/jquery.blend.js"></script>
    <script type="text/javascript" src="js/ui.core.js"></script>
    <script type="text/javascript" src="js/ui.sortable.js"></script>
    <script type="text/javascript" src="js/effects.js"></script>
    <script type="text/javascript" src="js/jquery.mockjax.js"></script>
    <script type="text/javascript" src="js/jquery.autocomplete.js"></script>
    <script type="text/javascript" src="js/ListarOperadoresAyuda.js"></script>
    <script src="alert/js/alert.js"></script>
    <script id="source" type="text/javascript" src="js/graphs.js"></script>
    <script type="text/javascript" src="js/fechayhora.js"></script>

    <!--[if IE]>
    <script language="javascript" type="text/javascript" src="js/flot/excanvas.pack.js"></script>
    <![endif]-->

    <script type="text/javascript" src="js/CambiosOP.js"></script>

    <!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="css/iefix.css" />
    <script src="js/pngfix.js"></script>
    <script>
        DD_belatedPNG.fix('#menu ul li a span span');
    </script>
    <![endif]-->
</head>
Поделиться
  • 0
    Привет, спасибо за помощь, я обновил новую страницу tlmweb.tk/test5.php с новой головой, есть проблема, когда вы помещаете ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui .min.js сразу после jquery mind все страницы перестают работать, например, smart alert все еще работает, но теперь, когда вы нажимаете кнопку, чтобы закрыть его, он не работает, а desig падает ... и автозаполнение по-прежнему не работает :(

Ещё вопросы

Сообщество Overcoder
Наверх
Меню