谷歌浏览器和火狐浏览器jquery ajax html问题

所以..我得到了这个问题与我的代码，我不知道该怎么做，因为它实际上在Internet Explorer上工作...它打开罚款铬或mozilla，但是当我想要去我的菜单中的链接，他们只是不工作！我点击它们，没有任何反应！帮我！谷歌浏览器和火狐浏览器jquery ajax html问题

（我的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>

来源

2013-09-30 fefi

在浏览器控制台 –

任何错误有你的风格你的任何的div的负z-index css属性？这会导致链接发生故障。 – jbrya029

在演示中看起来很好http://plnkr.co/edit/WuBQUH4kFSpf0XtSQOvK?p=preview –

取代：

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-30 03:10:09

仍然无法工作先生!!：（（我是这么saaaad！也许我用我的chrome或mozilla发现了一些不好的事情钢笔同样的事情，我点击我的3个菜单中的任何链接，它不希望T_T我会哭！ – fefi

@fefi不用担心，只是冷静 - 尝试跟踪脚本的流程。通过提醒某些功能，检查功能是否通话。如果没有，那么你的浏览器必须有问题 –

先生，我可以给你发一封电子邮件或什么？相当合适！ T.T – fefi

谷歌浏览器和火狐浏览器jquery ajax html问题

回答

相关问题