我实际上使用gridster来拖动一些物品.
我的容器比我的窗口大,所以,我像往常一样在右侧有一个滚动条.现在,如果我想将项目从顶部拖动到底部,我需要单击它并同时滚动鼠标.
正如你可以在这个小提琴上看到的那样,如果你拿走了这个项目而你开始滚动,那么该项目会保持在他的第一个位置,你需要移动鼠标才能将它带到它上面.
即使滚动,有一种方法可以将项目保留在鼠标下吗?
示例HTML代码:
<div class="container">
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="2" data-sizey="2">0</li>
<li data-row="1" data-col="3" data-sizex="1" data-sizey="2">1</li>
<li data-row="1" data-col="4" data-sizex="1" data-sizey="1">2</li>
<li data-row="3" data-col="2" data-sizex="3" data-sizey="1">3</li>
<li data-row="4" data-col="1" data-sizex="1" data-sizey="1">4</li>
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1">5</li>
<li data-row="4" data-col="2" data-sizex="1" data-sizey="1">6</li>
<li data-row="5" data-col="2" data-sizex="1" data-sizey="1">7</li>
<li data-row="4" data-col="4" data-sizex="1" data-sizey="1">8</li>
<li data-row="1" data-col="5" data-sizex="1" data-sizey="3">9</li>
</ul>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
示例css代码:
.container{
height:1600px;
}
Run Code Online (Sandbox Code Playgroud)
示例jQuery代码:
var gridster;
$(function(){
gridster = $(".gridster ul").gridster({
widget_base_dimensions: [100, 55], …Run Code Online (Sandbox Code Playgroud) 我试图在dom生成后添加的select上捕获一个change(),但是我无法成功.这是一个示例代码:
HTML:
<div class="test" id="divTest"></div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('#divTest').click(function(){ $(this).parent().append("<select id='testSel'><option value='f'>F</option><option value='F'>D</option></select>");});
$('#testSel').change(function(){
alert('change');
});
Run Code Online (Sandbox Code Playgroud)
我希望在更改选择中的值时看到警报.
这是一个小提琴. http://jsfiddle.net/T8J8p/3/
我想使用find()jquery函数访问我的文档的多个元素.
我打电话的时候
$(document).find('.myclass')
Run Code Online (Sandbox Code Playgroud)
我得到了所有元素,但我怎么能专门访问它们?
我的意思是,如果我想像这样编辑列表的第一个元素
$(document).find('.myclass')[0].css('top', '20px');
Run Code Online (Sandbox Code Playgroud)
它不起作用,因为它只是代码,而不是对象..
具体编辑find()返回的一个对象的最佳方法是什么?