Jeditable для редактирования ссылки. Справка

Я играл вокруг с jeditable в течение 2 дней теперь, и это является большим!

Но я получил немного проблемы, у меня есть ссылка, которая должна быть доступной для редактирования, но каждый раз, когда поле становится доступным для редактирования, я не могу отредактировать то поле, когда я нажимаю, это переходит право на ту ссылку.

Какое-либо решение?

Вот мой код

<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');
            });
         });

Спасибо

7
задан Santana 3 December 2009 в 15:54
поделиться

1 ответ

Проблема с jEditable, вот обходной путь

Я бы использовал скрытый span, а затем заставил его заменить текст ссылки при submit, а когда вы нажмете на триггер, сделать ссылку невидимой и показать скрытый span

<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>

в body

<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>
7
ответ дан 7 December 2019 в 01:22
поделиться
Другие вопросы по тегам:

Похожие вопросы: