Question

嘿伙计们我在这里做错了什么？我试图这样做，以便当我点击不同的ID时，它会将外部txt和html加载到id为＆＃34; jersey＆＃34;的div中。现在，当我点击没有任何反应时它就会保持不变。

<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">    </script>
<script type="text/javascript">


$(document).ready(function() {
$("#test").click(function() {
    $("#jersey").load("ajaxtest.txt");
});


$("#testtwo").click(function() {
    $("#jersey").load("ajaxtesttwo.html");
});
});

</script>


</head>

<body>

<a href="#" id="test">Test 1</a>||<a href="#" id="testtwo">Test 2</a>
<div id="jersey">what a wonderful world</div>
<br clear="all" />


</body>
</html>

Answer 1

非常确定您需要将外部文件内容加载到变量中，然后使用某种追加功能，如下所示：

$(document).ready(function() {
$("#test").click(function() {
    var temp_content = $.load("ajaxtest.txt");
    $("#jersey").html(temp_content);
});


$("#testtwo").click(function() {
    var temp_content = $.load("ajaxtesttwo.html");
    $("#jersey").html(temp_content);
});
});

AJAX？未加载所选id的上下文

1 个答案: