Question

我正在尝试使用注释输入字段，当您单击输入字段时，该字段将在动态创建的表单上显示提交按钮。与facebook评论的工作方式类似。当您单击输入字段时，将出现提交按钮，当您单击它时，它将消失。所有评论输入ID都是comment_1等，提交按钮ID是submit_1等。

我试过了，

jQuery("#[id^='comment_']").live('click',function(event){ 
    if(jQuery("#[id^='comment_']").val() == ""){ 
        jQuery("#[id^='submit_']").hide(); 
    } 
    else { 
        jQuery("#[id^='submit_']").show(); 
    } 
});

由于某些原因，这不会起作用。任何建议或如何实现都会很棒。

Answer 1

您需要从选择器中删除#。另外，我认为您不希望click事件，focus和blur。

Answer 2

jQuery("[id^='comment_']").live('focusin focusout',function(e){
    var commentText = "Write a comment...",
        id = this.id.replace('comment_',''),
        val = jQuery(this).val();   
    if (e.type == 'focusin'){
        val = (val == commentText) ? '' : val; 
        jQuery("#submit_"+id).show();
    } else if (e.type == 'focusout') {
        val = (val == '') ? commentText : val; 
        if( val == commentText){ 
            jQuery("#submit_"+id).hide(); 
        }
    }
    jQuery(this).val(val);
}).trigger('focusout');

jQuery show输入字段上的提交按钮单击

2 个答案: