【问题标题】:JQuery Textfield change event not fired未触发 JQuery 文本字段更改事件
【发布时间】:2012-01-29 00:44:17
【问题描述】:

我在 JQuery 表中有 Account ID(Select)、Account Name、Percentage(Text) 和 Total 列。每当帐户 ID 选择更改时,相应的帐户名称将放置在附近的 帐户名称 列中。一旦输入百分比并且焦点发生变化,Total 列 将通过某种计算获得其值。下面是代码声明和事件绑定。选择更改事件正确触发,帐户名称 呈现在表中,但 百分比列 未触发更改事件。我哪里出错了?

帐户 ID 声明

                        <TD>
                        <div id='emptySubAcc' >
                                <select class='subAccHolder subAcc' id='subAccID' name='subAccName' >
                                <option value=''></option>
                                <option value='subaccount1'>subaccount1</option>
                                <option value='subaccount2'>subaccount2</option>
                                <option value='subaccount3'>subaccount3</option>
                            </select>
                            </div>
                        </TD>

//    Event binding
    $("#allocTable tbody").delegate(".subAccHolder","change",function() {
    // Setting the account Name
    }

百分比声明

 <input type="text" id="percentID' class='percentHolder' name='percentName' value="">

    //Event Binding
                $("#allocTable tbody").delegate(".percentHolder","change",function() {
                    alert('Text value changed');
                });

【问题讨论】:

  • 你用文档准备事件包装它了吗?
  • 是的,两个事件绑定都在文档就绪事件中。事实上 Account ID (Select) 事件触发...
  • 上例中你的有引号错误,id属性用双引号打开,用单引号关闭。
  • 你能显示你的Account ID(Select),Account Name, Percentage(Text) and Total columns html元素吗

标签: jquery events onchange


【解决方案1】:

这是你的问题:

 <input type="text" id="percentID' class='percentHolder' name='percentName' value="">

请注意您以 " 引用开始并以 ' 引用结束?

甚至 SO 语法高亮都能看到它;)

【讨论】:

    【解决方案2】:

    为:

    $("#allocTable tbody").delegate(".subAccHolder","change",function() { 
    // Setting the account Name 
    } 
    

    用途:

    $("#<selectid>").change(function(){
    //your stuff here
    });
    

    【讨论】:

    • 更好的编码,但应该没关系
    • 不是更好的编码.. 他可能出于某种原因委托该事件,例如动态更改表格正文
    • 是的,你是对的。我委托了这些事件,因为我的行会动态变化。
    猜你喜欢
    • 1970-01-01
    • 2011-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-16
    • 1970-01-01
    • 1970-01-01
    • 2010-11-01
    相关资源
    最近更新 更多