2013-09-30 256 views
1

所以..我得到了這個問題與我的代碼,我不知道該怎麼做,因爲它實際上在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> 


+1

在瀏覽器控制檯 –

+0

任何錯誤有你的風格你的任何的div的負z-index css屬性?這會導致鏈接發生故障。 – jbrya029

+0

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

回答

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> 
+0

仍然無法工作先生!!: ((我是這麼saaaad!也許我用我的chrome或mozilla發現了一些不好的事情鋼筆同樣的事情,我點擊我的3個菜單中的任何鏈接,它不希望T_T我會哭! – fefi

+0

@fefi不用擔心,只是冷靜 - 嘗試跟蹤腳本的流程。通過提醒某些功能,檢查功能是否通話。如果沒有,那麼你的瀏覽器必須有問題 –

+0

先生,我可以給你發一封電子郵件或什麼?相當合適! T.T – fefi

相關問題