文本区域的动态定位和flex中的文本输入

Question

我需要创建一个填空题，问题文本将通过 xml 动态加载。我不知道问题的长度。我必须为问题放置一个文本区域，为答案放置一个文本输入区域。这些控件的位置应根据输入对齐。

关于如何使用 flex air 应用程序实现此目的的任何提示？

Answer 1

检查这个 jQuery 插件。它正是您想要的。

JEditable 如果您不喜欢使用该插件，请尝试以下代码：

<div>
    <div>
        <label class="editable">Name</label>
        <input class="editable" type="text" name="name" style="display:none"/>
    </div>
    <div>
        <label class="editable">Type</label>
        <input class="editable" type="text" name="type" style="display:none"/>
    </div>
    <div>
        <a class="edit" href="#">Edit</a>
    </div>
</div> 
<script type="text/javascript">
    $(function(){
        $(".edit").click(function(){
            var $this = $(this);
            var text = $this.text();
            if(text=="Edit"){
                $this.text("Cancel");
            }
                        else{
                             $this.text("Edit");
                        }
            $(".editable").toggle();
        });

        $("input.editable").change(function(){
            $(this).prev().text($(this).text());

        });
    });
</script>

要将点击事件处理程序绑定到锚元素，请使用 jQuery 的实时函数。例如：

$("a.ff-save").live("click", function (){         
 alert("ok");     
});