改进脚本：如果有值则隐藏输入并使用text / get值显示div并使用文本显示div

Question

我有一个脚本可以执行以下操作：

http://jsfiddle.net/KVDBB/

- 输入字段的值属性可以为空白 - 在输入显示div并带有更改按钮

之后

-Input在页面加载之前已经有了一些值 - 然后它显示带有更改按钮的div

但问题是它使用replaceWith函数并替换输入 - 而它需要提交表单。

请帮助改进脚本，只是为了隐藏输入而不是替换它。

提前致谢！

Answer 1

此处示例http://jsfiddle.net/deerua/KVDBB/3/

$("#consumer-email").blur(function(){
    $(this)
    .attr("readonly","readonly")
    .addClass("noborder");
    $('.changeEmail').show();
}).blur();

$('.changeEmail').bind('click', function(e){
    $("#consumer-email")
        .removeAttr("readonly")
        .removeClass("noborder ");
    $('.changeEmail').hide();
});

只需使用输入宽度隐藏边框和属性禁用