[jQuery] problem with .keypress( fn ) firing on load
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal>Hey all,<o:p></o:p>
<p class=MsoNormal> I
have a small form that uses a little jQuery(1.2) to expand or hide extra
fields. Here’s my jQuery:<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>function addRow(iter) {<o:p></o:p>
<p class=MsoNormal> if(!$('#allocation_row_'+(iter+1)).length)
{<o:p></o:p>
<p class=MsoNormal> ……..<o:p></o:p>
<p class=MsoNormal style='text-indent:.5in'>}<o:p></o:p>
<p class=MsoNormal>}<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>$().ready( function() {<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal> if(!$('#reallocate')[0].checked)
{ $('#allocation_rows').hide(); }<o:p></o:p>
<p class=MsoNormal> $('#reallocate').click(
function() {<o:p></o:p>
<p class=MsoNormal> if(this.checked)
{<o:p></o:p>
<p class=MsoNormal> $('#allocation_rows').show();<o:p></o:p>
<p class=MsoNormal> }
else {<o:p></o:p>
<p class=MsoNormal> $('#allocation_rows').hide();<o:p></o:p>
<p class=MsoNormal> }<o:p></o:p>
<p class=MsoNormal style='text-indent:.5in'>});<o:p></o:p>
<p class=MsoNormal> <span
style='background:yellow;mso-highlight:yellow'>$('#allocation_pcnt_1').keypress(
addRow(1) );</span><o:p></o:p>
<p class=MsoNormal>});<o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal><o:p> </o:p>
<p class=MsoNormal>When the form loads it fires the keypress action and
addRow(1) runs. Why? <span style='font-family:Wingdings'>L</span><o:p></o:p>
<p class=MsoNormal><o:p> </o:p>
</div>
</body>
</html>