1

jqueryコードは次のとおりです。

$(document).ready(function () {
  $('.a0').click(function(){
    $('#url0,#url1').val($(this).text()).show();
    $(this).hide();
});

$('.a0 a').click(function(e){
   e.stopPropagation();
});


});

HTML：

<div style="padding:0 !important">
    <div class="a0" style="padding: 0px ! important; display: none;">
        <a href="http://dasda.cas">dasda.cas</a>
    </div>
    <input type="text" value="dasda.cas" class="mandatory1" id="url1" style="" readonly="readonly">
</div>

最初はリンクです。次にdivをクリックすると入力に変換されて編集されます。次にクリックするとリンクに変換されるか、タブを再度リンクに変換する必要があります。

更新： 私の必要性は：編集後にテキストをリンクに変換することです。これはチェックアウトフォームであり、チェックアウトの最後のステップなので、インスタント編集ajaxがあります。デフォルトでは、非表示の入力を表示できるリンクです。編集後もリンクにする必要があります。編集後です。リンクではなくテキストのままです。

4

1 に答える 1

0

これを試して、テキストボックスをリンクに戻すことができます

$('#url0,#url1').blur(function() {
    $(this).prev().show().find('a').attr(this.value);
    $(this).hide();
});
​
于 2012-06-25T08:18:45.513 に答える