Блог

Главная - Вопросы по программированию - мне нужна помощь в преобразовании моего кода jquery 1.3 в jquery 2.2.2

мне нужна помощь в преобразовании моего кода jquery 1.3 в jquery 2.2.2

#jquery #jquery-1.3

#jquery #jquery-1.3

Вопрос:

Итак, у меня есть сайт-чат, созданный на php и jquery, но он использует 2 разные версии jquery, и некоторые из новых страниц, которые я добавил, конфликтуют друг с другом (хотя у меня были ссылки на обе версии jquery одновременно на других страницах), поэтому мне нужна помощь в преобразовании кода, потому что я не знаю, что обесценилось, а чего нет, вот мой код jquery 1.3

     // jQuery Document
    $(document).ready(function() {
        //If user submits the form
        $("#submitmsg").click(function() {
            var clientmsg = $("#usermsg").val();
            $.post("/chatPost/defaultchatpost.php", {
                text: clientmsg
            });
            $("#usermsg").attr("value", "");
            return false;
        });
        //Load the file containing the chat log
        function loadLog() {
            var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
            $.ajax({
                url: "/chatLogs/defaultchatlog.html",
                cache: false,
                success: function(html) {
                    $("#chatbox").html(html); //Insert chat log into the #chatbox  div
                    var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
                    if (newscrollHeight > oldscrollHeight) {
                        $("#chatbox").animate({
                            scrollTop: newscrollHeight
                        }, 'normal'); //Autoscroll to bottom of div
                    }
                },
            });
        }
        setInterval(loadLog, 500); //Reload file every 2.5 seconds
        //If user wants to end session
        $("#exit").click(function() {
            var exit = confirm("Are you sure you want to end the session?");
            if (exit == true) {
                window.location = 'defaultchat.php?logout=true';
            }
        });
    });

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

Комментарии:

1. Насколько я вижу, с этим jQuery ничего не нужно делать, вы получаете сообщение об ошибке? Если да, то что это?

2. Я не знаю, что он просто ничего не делает с jquery 2.2.2

3. Проверьте документы, у вас здесь не так много функций.

4. Если вы нажмете f12, вы получите какие-либо ошибки в консоли?

5. В вашем коде нет .live ! Сам по себе код работает нормально. проблема в другом. Выполните текстовый поиск для .live

Ответ №1:

Кажется, вы пытаетесь вызвать /chatLogs/defaultchatlog.html из вашего основного интерфейса с использованием ajax html. В этом случае вам не нужно добавлять jquery в свой defaultchatlog.html даже в других файлах ajax, называемых html. Все функции должны быть в основном пользовательском интерфейсе, а не в частичных html-файлах, которые вызываются через ajax html. Например: main.html и defaultchatlog.html… Я надеюсь, что это поможет

main.html

 <html>
    <head>
        <scrpt src="jquery.js"></script>
    </head>
    <body>
        <div id="chatWindows"></div>
    </body>
    <script>
        $(document).ready(function(){
            $.ajax({
            url: "chatlog.html",
            cache: false,
            success: function(html) {
                $("#chatWindows").html(html); //Insert chat log into the #chatbox  div
            },
        });
        });
        function clearLogs(){
            $("#logs").empty();
        }
    </script>
</html>

chatlog.html

<div>
    <ul id="logs">
        <li>Hi</li>
    </ul>
    <button onclick="clearLogs();">Clear</button>
</div>