Question

所以我有一个用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';
            }
        });
    });

有人可以帮助我，我会非常感谢我试图解决这个问题很长一段时间

Answer 1

您似乎尝试使用ajax html从主界面调用/chatLogs/defaultchatlog.html。在这种情况下，您不必在defaultchatlog.html中添加jquery，即使在其他名为html文件的ajax中也是如此。所有函数必须在主UI中，而不是在通过ajax html调用的部分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>

我需要帮助将我的jquery 1.3代码转换为jquery 2.2.2

1 个答案: