Bir metin giriş kutusuyla <li>
'leri dinamik olarak oluşturan ve içeride açılan javascript işlevini çağırıyorum. Açılan aşağı jQuery's Draggable ile çalışır, ancak giriş metin kutusunu düzenleyemem?Girdi metin kutusu, jQuery Sürüklenebilir ile düzenlenemez mi?
function addField(type){
var html = '';
html += '<li class="ui-state-default">';
if(type == 'text'){
html += '<b>Text Field</b><br />';
html += 'Field Name: <input type="text" name="text" id="text"> ';
html += 'Field Size: <select name="textSize" id="textSize' + fRank + '"><option value="small">Small</option><option selected value="medium">Medium</option><option value="large">Large</option><option value="large2">Large 2 Lines</option><option value="large3">Large 3 Lines</option><option value="large4">Large 4 Lines</option></select>';
}
html += '</li>';
$("#sortableFields").append(html);
$(function() {
$("#sortableFields").sortable({
revert: true
});
$("#draggable").draggable({
connectToSortable: "#sortableFields",
helper: "clone",
revert: "invalid",
cancel: ':input,option'
});
$("ul, li").disableSelection();
});
}
iptal seçeneği ile etrafında oynamıştır ama yardımcı olmuyor.
Önerileriniz nelerdir?
kullandığınız hangi tarayıcı? Chrome + Firefox'ta benim için iyi çalışıyor. Css'inizde, giriş kutusunun üzerinde görünmez bir görünüme sahip olduğunuz ve onu tıklatmanızı önleyen bir z dizini sorunu olabilir. Düzenleme: Ah, görüyorsunuz, ancak, giriş kutusunun içinde metin seçemezsiniz, ya da bir yere gitmek için carot olsun, ama son mektubu - Ben senin sorunun ile demek istediğini varsayalım. –
disableSelection() satırının kaldırılması sorunu giderir ve her şey düzgün çalışır (FF ve Chrome'da). Aksi halde, Pointy'nin cevabını tercih edebilirsiniz. –