小编Sup*_*rac的帖子

在gridster上拖动时将小部件保留在鼠标下

我实际上使用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)

html javascript css jquery gridster

6
推荐指数
1
解决办法
2402
查看次数

加载后生成的dom元素的.change()函数

我试图在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/

html javascript jquery dom

2
推荐指数
1
解决办法
857
查看次数

find()jquery访问多个元素

我想使用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()返回的一个对象的最佳方法是什么?

html javascript css jquery jquery-ui

-4
推荐指数
1
解决办法
205
查看次数

标签 统计

html ×3

javascript ×3

jquery ×3

css ×2

dom ×1

gridster ×1

jquery-ui ×1