在JQuery中动态创建textbox按钮和分配click函数

您正在将单击事件与 实例 incrementer_minus incrementer_plus 当您这样做时:

$(".incrementer_plus").live('click'...

相反,您只需将事件附加到刚刚创建的特定事件。

bind 而不是 live ,因为你不需要 居住 .

我也变了 JQ 到 jQuery 为了我的方便。你可以把它改回去。

试一试: http://jsfiddle.net/mAsr9/

jQuery.fn.incrementer =  function() {
    var myobj = this;
    this.val(0);

      // Create new element, and insert before 'this'
    jQuery("<input class='incrementer_minus' type='button' value=' - '/>").insertBefore(this)

           // Then bind the click event to that new element
        .bind('click', function(){
            $(myobj).val(parseInt(jQuery(myobj).val()) - 1);
        });

      // Create new element, and insert after 'this'
    jQuery("<input class='incrementer_plus' type='button' value=' + '/>").insertAfter(this)

          // Then bind the click event to that new element
        .bind('click', function(){
            $(myobj).val(parseInt(jQuery(myobj).val()) + 1);
        });
}

$(function() {
    jQuery("#increment").incrementer();
    jQuery("#increment2").incrementer();
});

你在追纺纱工。。

http://plugins.jquery.com/project/spinbox
http://docs.jquery.com/UI/Spinner
http://www.command-tab.com/2007/05/07/jquery-spinner-plugin/

看看jQuery增量插件: http://sean-o.com/increment

我创建它就是为了这样一个用途,希望它(仍然?)能对你有所帮助。