jquery ajax html проблемы с Google Chrome и Firefox

, так что .. я получил эту проблему с моим кодом, я не знаю, что делать, потому что он действительно работает в Internet Explorer ... он открывается «отлично» на chrome или mozilla, но когда я хочу перейти к ссылкам в моем меню, они просто не работают! я нажимаю на них, и ничего не происходит !! Помоги мне!jquery ajax html проблемы с Google Chrome и Firefox

(мой 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

любая ошибка в браузере консоли –

у вас стиль любой из ваших Див-х годов с отрицательным Свойства 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

все еще не работает. Sir !!: ((Im so saaaad! Возможно, у меня что-то плохое с моим хром ???? или mozilla ???? hap пишут то же самое, я нажимаю на любую из моих 3 ссылок в меню, и это не значит, что T_T im gonna cry! – fefi

@fefi не волнуйтесь, просто охладите - попробуйте отследить поток сценария. Проверьте, звонит ли функция onclick или нет, предупреждая что-то в функции. Если нет, то в вашем браузере должна быть проблема –

сэр я могу отправить вам электронное письмо или что-то ??? симпатичный pleeeasee! T.T – fefi

jquery ajax html проблемы с Google Chrome и Firefox

ответ

Смежные вопросы