首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 一个《jquery实战》上的例子问题 不长 请好心大大帮忙看看～谢谢

一个《jquery实战》上的例子问题 不长 请好心大大帮忙看看～谢谢

时间：2009-05-18

来源：互联网

在试这段例子出了点问题。
功能是在第一个span里输入数目 然后自动计算数目×价格的结果 填在后面那个美元符号的span里
复制代码
  1.         <span price="3">
  2.           <input type="text" name="imperial.quantity"
  3.                  disabled="disabled" value="1"/>
  4.           $<span></span>

问题是用原来例子上的jquery-1.2.1是正常的 但是换用新的1.3.2就有问题了 后面的span里啥也不显示了
想问下这个问题出在哪里？如果用1.3.2要怎么改？

全部代码如下，请大大帮忙，谢谢了～
复制代码
  1. <html>
  2. <head>
  3. <title></title>
  4. <script type="text/javascript" src="jquery-1.2.1.js">
  5. </script>
  6.    <script type="text/javascript">
  7.       $(function(){
  8.         $('fieldset div div').hide();
  9.         $(':checkbox').click(function(){
  10.           var checked = this.checked;
  11.           $('div',$(this).parents('div:first'))
  12.             .css('display',checked ? 'block':'none');
  13.           $('input[type=text]',$(this).parents('div:first'))
  14.             .attr('disabled',!checked)
  15.             .css('color',checked ? 'black' : '#f0f0f0')
  16.             .val(1)
  17.             .change()
  18.             .each(function(){ if (checked) this.focus(); });
  19.         });
  20.         $('span[price] input[type=text]').change(function(){
  21.           $('~span:first',this).text(
  22.             $(this).val() *
  23.             $(this).parents("span[price]:first").attr('price')
  24.           );
  25.         });
  26.         $('span[price] input[type=text]').change();
  27.       });
  28.     </script>
  29. </head>
  30. <body>
  31.     <h1>Bamboo Asian Grille</h1>
  32.     <h2>Online Order Menu</h2>
  33.     <fieldset>
  34.       <legend>Appetizers</legend>
  35.       <div>
  36.         <label>
  37.           <input type="checkbox" name="appetizers"
  38.                  value="imperial"/>
  39.           Fried Imperial rolls (2)
  40.         </label>
  41.         <span price="3">
  42.           <input type="text" name="imperial.quantity"
  43.                  disabled="disabled" value="1"/>
  44.           $<span></span>
  45.         </span>
  46.         <div>
  47.           <label>
  48.             <input type="radio" name="imperial.option"
  49.                    value="pork" checked="checked"/>
  50.             Pork
  51.           </label>
  52.           <label>
  53.             <input type="radio" name="imperial.option"
  54.                    value="vegetarian"/>
  55.             Vegetarian
  56.           </label>
  57.         </div>
  58.       </div>
  59.     </fieldset>
  60.   </body>
  61. </html>

作者: sraking   发布时间: 2009-05-18

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net