2016-06-14 4 views
-4

Итак, в соответствии с отладчиком firefox и index.js и jquery.js загружаются нормально, но код в index.js не запущен.JQuery загружается, но мой javascript не

Вот JS:

var Text = "JS Says hi"; 
var Num1 = 33.6669; 
var Num2 = 322.0258; 

$('#body').ready(function() { 
    pageLoad(); 
}); 

$('#button').click(function() { 
    buttonClick(); 
}); 


function pageLoad() { 
    $('#button').css('visibility","visible'); 
} 
function buttonClick() { 
    $().post('server.php', {Text:Text,Num1:Num1,Num2:Num2}); 
} 

Вот HTML:

<head> 
    <meta charset="UTF-8"> 
    <title>Bullshit</title> 

    <script type="text/javascript" src="JQuery3.0.js"></script> 
    <script type="text/javascript" src="index.js"></script> 

</head> 
<body id="body"> 
    <button id="button" style="visibility:hidden">Click</button> 
</body> 
</html> 
+2

'$ ('# тело') ready' должен быть' $ (. document) .ready' также '$(). post' должно быть' $ .post' – Hendry

+0

и '$ ('# button'). css ('видимость', 'visible');' should be '$ ('# button'). css ('видимость', 'visible');' – Hendry

+0

Сначала попробуйте в консоли firefox if console.log (Text); чтобы проверить, имеет ли текст значение. и изменить $ .post (.....) на $ .get (....), возможно, это проблема CORS – Mimouni

ответ

1

У вас есть несколько ошибок в вашем коде:

  • $('#body') должен быть $(document)
  • $().post должно быть: $.post
  • $('#button').css('visibility","visible'); должен быть $('#button').css('visibility','visible');

    var Text = "JS Says hi"; 
    var Num1 = 33.6669; 
    var Num2 = 322.0258; 
    
    $(document).ready(function() { 
        pageLoad(); 
    
        $('#button').click(function() { 
         buttonClick(); 
        }); 
    }); 
    
    function pageLoad() { 
        $('#button').css('visibility','visible'); 
    } 
    
    function buttonClick() { 
        $.post('server.php', {Text:Text,Num1:Num1,Num2:Num2}); 
    } 
    
-1

Ошибка в вашей декларации видимости JQuery. Вы начали с "и в конечном итоге в" и наоборот Также в кнопку мыши слушателем, используйте $ .post вместо $() после

function pageLoad() { 
    $('#button').css('visibility','visible'); 
} 

function buttonClick() { 
    $.post('server.php', {Text:Text,Num1:Num1,Num2:Num2}); 
} 
1

В этом разделе:..

$('#body').ready(function() { 
    pageLoad(); 
}); 

Вероятно работает, но общий способ написать это

$(document).ready(function(){ ... }) 

или, то сокращенная

$(function(){ ... }); 

Этот бит

$('#button').click(function() { 
    buttonClick(); 
}); 

должно быть внутри функция JQuery ready, так что обработчик события только прилагается, когда документ будет готов.

$(function(){ 
    $('#button').click(function() { 
     buttonClick(); 
    }); 
}) 

Вы также несоответствующие кавычки - вы можете использовать " или ' в JavaScript вокруг строк, но нож должен соответствовать ближе

$('#button').css('visibility","visible'); 

должен/может быть

$('#button').css("visibility","visible"); 
Смежные вопросы