7

私は 2 日間 jeditable をいじっていますが、素晴らしいです!

しかし、少し問題がありました。編集可能なはずのリンクがありますが、フィールドが編集可能になるたびに、そのフィールドを編集できません。クリックすると、そのリンクにジャンプします。

解決策はありますか？

これが私のコードです

<a href="$homeurl/$hashkey" class="editsubject" id="$hashkey">$subject</a><span class="edittrigger" style="cursor:pointer;background:#EEEEEE;">edit</span>


$(document).ready(function() {
             $('.editsubject').editable('editsubject.php', {  
                    event : 'editclick',
                    cancel : 'Cancel',
                    submit : 'OK',
                    indicator : 'Wait...',
                    id : 'hk',
                    name : 'ns',
                    css : 'inherit'
             });
            $('.edittrigger').bind('click', function() {
                $(this).prev().trigger('editclick');
            });
         });

ありがとう

4

3 に答える 3

7

jEditable の問題、回避策はこちら

非表示のスパンを使用して、送信時にリンクのテキストを置き換えます。トリガーをクリックすると、リンクが非表示になり、非表示のスパンが表示されます

<script type='text/javascript'>
$(document).ready(function() {
    $('.proxyedit').editable('editsubject.php', {  
        event : 'editclick',
        cancel : 'Cancel',
        submit : 'OK',
        indicator : 'Wait...',
        id : 'hk',
        name : 'ns',
        css : 'inherit',
        callback : function(value, settings) {
            $(this).css({'display':'none'});
            $('.editsubject').text($(this).text()).css({'display':'inline'});
        }

    });
    $('.edittrigger').bind('click', function() {
        $(this).prev().trigger('editclick');
        $('.proxyedit').css({'display':'inline'});
        $('.editsubject').css({'display':'none'});
    });
});
</script>

体内で

<a href="$homeurl/$hashkey" class="editsubject" id="$hashkey">$subject</a><span style="display:none;" class="proxyedit">$subject</span><span class="edittrigger" style="cursor:pointer;background:#EEEEEE;">edit</span>
于 2010-06-18T21:19:04.867 に答える
2

フォームが含まれている場合は、JavaScriptを使用してリンクを無効にします。完了した仕事：

$(document).ready(function() {
  $('a.my-editable-link').click(function() {
    form = $(this).find('form');
    if (form.length) {
      form.submit();
      return false;
    } else {
      return true;
    }
  }
})
于 2011-06-29T10:54:37.060 に答える
1

jQuery で編集可能なリンクを無効にすることができます。何かのようなもの：

$(".editable a").bind("click", function(event) {
    return false;
});
于 2012-05-31T13:27:18.210 に答える