Функция jQuery easeOutBounce отсутствует, несмотря на включение файла JQuery - PullRequest
0 голосов
/ 03 февраля 2012

Я использовал 3 некоторых jquery-файла, а именно

<script type="text/javascript" src="/blog/jquery/jquery-1.7.1.min.js"></script>
<link type="text/css" href="/blog/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/blog/jquery/jquery-ui-1.8.17.custom.min.js"></script>

Теперь я пытаюсь использовать Humanmsg плагин jquery.В нем было 2 файла jquery humanmsg.js и jquery.js .
У меня уже есть последняя версия jquery, поэтому я не включил файл jquery.js из плагина.Теперь я получаю сообщение об ошибке в Chrome Uncaught TypeError: У Object # нет метода 'easeOutBounce' jquery-1.7.1.min.js: 4
Я проверил эту функцию на наличие в jquery-ui-1.8.17.custom.min.js, но браузер по-прежнему не читает этот файл, несмотря на ошибку, отображаемую для файла jquery-1.7.1.min.js .Хотя плагин работает, когда я заменяю оригинал jquery-1.7.1.min.js файлом скрипта в плагине humanmsg ( jquery.js ), но остальная функциональность сайта зависитв оригинальном файле сценария, поэтому не может заменить его.
Любая идея (чтобы устранить проблему) / практики (следовать при включении различных файлов сценариев от сторонних производителей).PS: humanmsg.js использовать jQuery вместо $ (если он нужен).
Все файлы сценариев полностью загружаются браузером.

Вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <script type="text/javascript" src="/var/www/blog/jquery/jquery-1.7.1.min.js"></script> <!--ORIGNAL-->
    <link type="text/css" href="/var/www/blog/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="/var/www/blog/jquery/jquery-ui-1.8.17.custom.min.js"></script>

    <!--script type="text/javascript" src="jquery.js"></script-->   <!--Plugin jquery file-->
    <script type="text/javascript" src="humanmsg.js"></script>
    <link href="humanmsg.css" media="screen" type="text/css" rel="stylesheet">
    <title>Humanized Messages - Demo</title>
    <script>
    jQuery(document).ready(function() {
        jQuery('a.showmessage').click(function() {
            humanMsg.displayMsg('<strong>Success:</strong> <span class="indent">You clicked \''+jQuery(this).text()+'\'</span>');
            return false;
        })

        jQuery('a.showmessage:last').click(function() {
            humanMsg.displayMsg('"Your <strong>Earth</strong> will be reduced to a burned-out cinder."');
            return false;
        })
    })
    </script>
</head>

<body>
    <p class="links">
        <a href="#" class="showmessage">Click Me to show message</a>
    </p>
</body>
</html>

РЕДАКТИРОВАТЬ:


Я нашел Gritter , хорошая альтернатива для Humanmsg и его работает нормальнос последней версией jquery.

Ответы [ 2 ]

1 голос
/ 03 февраля 2012

Из документации для вашего плагина:

Humane Messages требует библиотеку jQuery javascript.Также рекомендуется, но не обязательно, плагин jQuery, Easing ;чтобы дать анимации только правильный отскок.

Используемый ими плагин замедления http://gsgd.co.uk/sandbox/jquery/easing/, который я не вижу, что вы включили.

0 голосов
/ 03 февраля 2012

Ваша проблема в том, что плагину Humanmsg уже более 4 лет , и вы используете jQuery версии 1.7.1.

В jQuery многое изменилось с версии 1.1,Заглянув внутрь Humanmsg, вы обнаружите все виды замененных методов.Используя .bind, например, где jQuery 1.7 предпочитает новый .on метод .

Вам нужно будет найти более актуальный плагин, так как я бы не рекомендовал использовать jQuery1.1 с сегодняшними браузерами.

Вы можете попробовать добавить плагин замедления, или только одну функцию замедления , но у вас все еще остается гораздо более серьезная проблема, связанная с устареванием вашего плагина.

...