gpt4 book ai didi

javascript - Google Chrome 和 Firefox 的 jquery ajax html 问题

转载 作者:太空宇宙 更新时间:2023-11-03 18:34:26 25 4
gpt4 key购买 nike

所以..我的代码遇到了这个问题,我不知道该怎么办,因为它实际上可以在 Internet Explorer 上运行...它在 chrome 或 mozilla 上打开“正常”,但是当我想转到链接时在我的菜单中,它们根本不起作用!我点击它们但没有任何反应!帮帮我!

(我的 css 代码工作正常,因为它是我使用的旧代码,所以我确定它可以工作)

这是我的菜单html


<head>
<title> Pratica 5 </title>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="css/all.css">
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>

<script type="text/javascript">

function carga(pagina,menu){

$.ajax({
url : pagina,
cache : false,
success : function(object,status,response){

$("#principal").html(response.responseText);
}
});
$("#menu div").removeClass('bActivo');
$("#m"+menu).addClass('bActivo');
}


</script>
</head>



<body>
<div id="mensaje" style="display:none" title="Holaa">
welcome :3
</div>


<div id="area">
<div id="menu">

<div id="m1" onClick="javascript:carga('acerca.html',1)">Inicio</div>

<div id="m2"onClick="javascript:carga('pagina4.html',2)">Acerca: </div>

<div id="m3"onClick="javascript:carga('ayuda.html',3)">Ayuda</div>

</div>
<div id="principal">


</div>
</div>
</body>


最佳答案

替换:

success : function(object,status,response){
$("#principal").html(response.responseText);
}

有了这个

success : function(data){
$("#principal").html(response.responseText);
},error:function(xhr, status, error){
console.log(xhr.responseText);
}

这是完整的工作代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
function carga(pagina,menu){
//alert(pagina);
$.ajax({
url : pagina,
cache : false,
success : function(data){
$("#principal").html(response.responseText);
},error:function(xhr, status, error){
console.log(xhr.responseText);
}
});
$("#menu div").removeClass('bActivo');
$("#m"+menu).addClass('bActivo');
}


</script>

</head>

<body>

<div id="mensaje" style="display:none" title="Holaa">
welcome :3
</div>


<div id="area">
<div id="menu">

<div id="m1" onClick="carga('acerca.html',1);">Inicio</div>

<div id="m2"onClick="carga('pagina4.html',2);">Acerca: </div>

<div id="m3"onClick="carga('ayuda.html',3);">Ayuda</div>

</div>
<div id="principal">


</div>
</div>
</body>
</html>

关于javascript - Google Chrome 和 Firefox 的 jquery ajax html 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19085790/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com