Question

我有3个文件。 1是php.index 2是javascript，3是php.loadinternet

php.index有一个小表单

<div id="login-button" class = "knopf"><a href="?view=logs">Log in</a></div>

正在使用

进行操作

$("#login-button").click(function(e){
        e.preventDefault();
        var input = $("#connectwindow, value").val();

    $.ajax({
        type: "GET",
        url: "ajax/loadinternet.php",
        data: {"targetip": input},
        success: function(data){
            //history.pushState({"internet.php?view=internetlog");
            $('#logoutput').html(data);


        },
        error: function(){
            alert ("error loading");
        }

    });

将数据传递给loadinternet之后，它回显了这个表单：

echo    '<div id="loginbox" align="right" class="boxgrid">
                    <form action="" method="post">Username: 
                    <input id="userlogin" type="text" class="textfieldcss" 
                    style="width: 60%;" name="username" value="'.$username.'"><br>
                    Password: &nbsp;<input id="userpassword"type="password" 
                    class="textfieldcss" style="width: 60%;" name="password" value="'.$username.'">
                    <input id="logintoip" type="submit" class="textfieldcss" style="text-align: right;" 
                    value="Log in">
                    </form>
                    </div>';

并且应该使用这种形式操纵最后一个表格：但是它没有工作，我已经在它上面了一个小时，现在试图绕过它...用.click试过（）和.submit（）预防，两者都不起作用，也不是下面点击功能的简单警报

$("#logintoip").click(function(e){
        e.preventDefault();
        var input = $("#userlogin, value").val();
        alert("stop");

        $.ajax(
        {
            type: "GET",
            url: "ajax/connect.php",
            data: {"targetip": input},
            success: function(index){
            $('#logoutput').html(index);
            },
            error: function(){alert("something went wrong here");}
            }       
        );

    });

Answer 1

加载页面时，#logintoip不存在，因此无法应用侦听器。

尝试这种方式：

$(document).on('click', '#logintoip', function(e){
    (...)
});

Jquery加载不同的内容，并使用仍在运行的js操纵加载的内容

1 个答案: