1

所以..我的代码遇到了这个问题，我不知道该怎么做，因为它实际上可以在 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>

4

1 回答 1

0

代替：

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>
于 2013-09-30T03:10:09.053 回答