jQuery用戶界面與Jeditable

Question

我想這個代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.edit').editable('http://www.example.com/save.php', { 
     indicator : 'Saving...', 
     tooltip : 'Click to edit...', 
     submit : 'OK', 
     cancel : 'Cancel', 
    }); 

    $('#cv_cd > input').autocomplete({ 
     source: 'location.php', 
     minLength: 2 

    }); 
}); 
</script> 


<div class="edit" id="cv_cd">Type</div> 

此代碼工作正常與<inputs />，但jeditable，當我鍵入的東西沒有請求被罰下場。

搜索與螢火蟲的代碼後，jeditable還創建了一個input場，但顯然這樣的事情並沒有工作$('#cv_cd > input').autocomplete({

任何想法？謝謝

Answer 1

.autocomplete()不是住，所以它只綁定到調用時存在的元素。

對於您的情況，您需要使用live，或者最好是delegate以適應input元素在用戶點擊它之前不會存在的事實。明知有自動完成的元素有ui-autocomplete-input類，你可以不喜歡以下，取代原來的.autocomplete()的：

$("#cv_cd").delegate(".ui-autocomplete-input", "focus", function (event) { 
    $(this).autocomplete({ 
     source: 'location.php', 
     minLength: 2 
    }); 
});