взял это прямо из книги - не работает

Я делаю несколько примеров из книги под названием jquery, jQuery UI и jQuery Mobile Recipes and Examples от Adriaan de Jonge и Phil Dutson. Предполагается, что это простой способ отображения содержимого формы на странице. Если у меня нет опечатки, я понятия не имею, почему она не работает.взял это прямо из книги - не работает

<!DOCTYPE html> 

<html> 
<head> 
<title>form test</title> 
</head> 
<body> 


<form action="" method="post"> 
    <label for="first_field">First field</label> 
    <input type="text" name="first_field" value="" id="first_field"><br> 
    <label for="second_field">second field</label> 
    <input type="text" name="second_field" value="" id="second_field"><br> 
    <label for="third_field">third field</label> 
    <input type="text" name="third_field" value="" id="third_field"><br> 
    <label for="fourth_field">fourth field</label> 
    <input type="text" name="fourth_field" value="" id="fourth_field"><br> 
</form> 

    <input type="button" name="serialize-array" value="serializeArray" id="serialize-array">     
    <input type="button" name="serialize" value="Serialize" id="serialize"> 

<hr> 
<div id="placeholder"></div> 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script> 
$(document).ready(function() { 

$('serialize').click(function() { 
$('#placeholder').html($('form').serialize()); 
}); 


$('serialize-array').click(function() { 
$('#placeholder').html(JSON.stringify(
$('form').serializeArray())); 
}); 

}); 
</script> 

<hr> 

</body> 
</html>

источник

2013-06-10 stvgrc

«Если у меня нет опечатки, я понятия не имею, почему она не работает». Вот почему. – j08691

Даже книги могут иметь опечатку слишком –

Вам кажется, что отсутствует id селектор.

$('serialize') должен быть $('#serialize')

^---- Missing Here

$('serialize-array') должен быть $('#serialize-array')

^---- Missing Here

Код

$(document).ready(function() { 

    $('#serialize').click(function() { 
     $('#placeholder').html($('form').serialize()); 
    }); 


    $('#serialize-array').click(function() { 
     $('#placeholder').html(JSON.stringify(
     $('form').serializeArray())); 
    }); 

});

источник

2013-06-10 21:23:59

Эй, я тоже ее поддержал. Почему я вообще получаю вообще что-то вне меня:/Извините Sushanth –

#seriously? Ха! спасибо - это было злобно быстро. – stvgrc

Это прекрасно .. np :) –

$('serialize-array') должно быть как $('#serialize-array'), то же самое с serialize. Отсутствует #.

источник

2013-06-10 21:24:25

вы, ребята, сумасшедшие быстро – stvgrc

взял это прямо из книги - не работает

ответ

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