gpt4 book ai didi

jquery - 我无法输入内容

转载 作者:行者123 更新时间:2023-12-03 22:29:09 24 4
gpt4 key购买 nike

我有一个可以排序的列表。我正在使用带有小部件、鼠标、位置、可排序插件的 jQuery UI。

CSS:

#sortable{
width : 550px;
display: inline-block;
}
#sortable li, #add {
width : 550px;
margin : 5px;
padding : 5px;
height : 50px;
}
#sortable li img.social-icon, #sortable li img.drag-cursor {
width: 40px;
height : 40px;
float : left;
}
#sortable li img.social-icon {
margin-right : 5px;
}
#sortable li img.drag-cursor {
margin-left : 5px;
cursor : move;
}
#sortable li input {
height:40px;
width:450px;
line-height: 45px;
float:left;
}
#add {
cursor : pointer;
text-align: center;
line-height: 45px;
}
.ui-state-highlight { height: 50px; line-height: 50px; }

HTML:

<div id="dash-wrapper">
<ul id="sortable">
<li class="ui-state-default">
<img src="images/social/twitter.png" class="social-icon" />
<input type="text" value="textt" name="user-media-link[]" class="user-media-link">
<input type="hidden" name="social-media-type" value="1">
<img src="images/drag.png" class="drag-cursor">
</li>
<li class="ui-state-default">
<img src="images/social/facebook.png" class="social-icon" />
<input type="text" value="textt" name="user-media-link[]">
<input type="hidden" name="social-media-type" value="1">
<img src="images/drag.png" class="drag-cursor">
</li>
<li class="ui-state-default">
<img src="images/social/rss.png" class="social-icon" />
<input type="text" value="textt" name="user-media-link[]">
<input type="hidden" name="social-media-type" value="1">
<img src="images/drag.png" class="drag-cursor">
</li>
</ul>
<div class="ui-state-default" onCLick="addNewSocial(); return false;" id="add">ADD</div>
</div>

脚本:

$(function() {
$("#sortable").sortable({
placeholder: "ui-state-highlight"
});
$("#sortable").disableSelection();
});

function addNewSocial() {
$("#sortable").append('<li class="ui-state-default"><img src="" width="100" height="100" /> <input type="text" value="textt" name="user-media-link[]"><input type="hidden" name="social-media-type" value="1"></li>');
}

它工作得很好,但我无法在输入中输入任何内容。我只能通过 TAB 按钮联系他们。当我点击它们时,什么也没有发生。你可以看到一个live example .

我阅读了与此问题相关的所有问题,但找不到正确的答案。

W3 Validation is OK There isn't any error on Firebug Operation System : Ubuntu 11.04 Browser : Firefox

最佳答案

发生这种情况是因为您有$("#sortable").disableSelection();。删除它就可以正常工作了。

http://jsfiddle.net/KbBnu/1/

关于jquery - 我无法输入内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6083009/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com