Javascript 无法单击通过ajax功能加载的内容

Javascript 无法单击通过ajax功能加载的内容,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,目前,我无法使用ajax加载第二个内容。实际上,我已经使用ajax加载了第一个内容。为了转到第二个内容,我需要调用ajax函数,但是在我单击使用ajax加载第二个内容之后,它就不起作用了。我已经检查了我的代码,如果我直接调用第二个ajax函数,它可以正常工作,除非在ajax不再工作之后调用第一个ajax函数。有没有办法解决这个问题 这是第一个ajax代码: function showMusic(str) { if (str == "") { document.getElementById

目前,我无法使用ajax加载第二个内容。实际上,我已经使用ajax加载了第一个内容。为了转到第二个内容,我需要调用ajax函数,但是在我单击使用ajax加载第二个内容之后,它就不起作用了。我已经检查了我的代码,如果我直接调用第二个ajax函数,它可以正常工作,除非在ajax不再工作之后调用第一个ajax函数。有没有办法解决这个问题

这是第一个ajax代码:

function showMusic(str) {
if (str == "") {
    document.getElementById("albums").innerHTML = "";
    return;
} else { 
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("albums").innerHTML = xmlhttp.responseText;
        }
    };
    xmlhttp.open("GET","getAlbums.php?q="+str,true);
    xmlhttp.send();
  }
}
$(document).ready(function(){
    function showArtistDetails(str) {
        if (str == "") {
            alert("hi");
            document.getElementById("artist").innerHTML = "";
            return;
        } else { 
            if (window.XMLHttpRequest) {
                            alert("hi1");

                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            } else {
                            alert("hi2");

                // code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("artist").innerHTML = xmlhttp.responseText;
                                alert("hi3");

                }
            };
            xmlhttp.open("GET","getArtist.php?title="+str,true);
                        alert("hi4");

            xmlhttp.send();
                        alert("hi5");

        }
    }

    $("#clickme").click(showArtistDetails);
});
上述功能正常工作。上述函数位于另一个php文件中

这是第二个ajax代码:

function showMusic(str) {
if (str == "") {
    document.getElementById("albums").innerHTML = "";
    return;
} else { 
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("albums").innerHTML = xmlhttp.responseText;
        }
    };
    xmlhttp.open("GET","getAlbums.php?q="+str,true);
    xmlhttp.send();
  }
}
$(document).ready(function(){
    function showArtistDetails(str) {
        if (str == "") {
            alert("hi");
            document.getElementById("artist").innerHTML = "";
            return;
        } else { 
            if (window.XMLHttpRequest) {
                            alert("hi1");

                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            } else {
                            alert("hi2");

                // code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("artist").innerHTML = xmlhttp.responseText;
                                alert("hi3");

                }
            };
            xmlhttp.open("GET","getArtist.php?title="+str,true);
                        alert("hi4");

            xmlhttp.send();
                        alert("hi5");

        }
    }

    $("#clickme").click(showArtistDetails);
});
这是另一个php文件中的php代码:

echo "<td id=\"clickme\">" . $row['CDTitle'] . "</td>";
echo”“$行['CDTitle']。"";

在过去的两天里,我一直试图解决这个问题,但我无法解决它。有些人说这是一个错误。但是我真的不知道是什么导致了这个问题。提前感谢。

“我需要调用ajax函数,但在我使用ajax单击加载第二个内容后,它不起作用”是您应该单击的按钮,以便在第一个内容(相册)上显示艺术家详细信息?如果是的话,你在哪里订阅了onclick事件的按钮?我怀疑实际上。。。事实上,如果我在1.php上有一个ajax函数,我是否也必须在1.php上创建第二个ajax函数,或者我可以在不同的php文件中创建?我不太记得它是如何与php一起工作的,但是如果您可以引用这两个文件,那么使用单独的文件应该不会有问题。我认为问题在于未定义的值“echo”$行['CDTitle']。""; ` 我认为这是未定义的。我可以知道如何获取td标签的值吗