Я играл вокруг с 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');
});
});
Спасибо
Проблема с 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>