小编Whi*_*hit的帖子

JQuery UI,将Sortable与Droppable相结合

我正在尝试将JQuery UI 可排序droppable相结合,以创建多个页面来删除和排序事物.我在这里设置了一个带有独立演示的博客条目:

http://whit.info/blog/2009/06/06/jquery-ui-combining-sortable-with-droppable/

这是一个jsFiddle:

http://jsfiddle.net/VUuyx/

请注意,您可以拖动以对框进行排序,甚至可以对其他列进行排序.您也可以单击页面按钮切换页面.我的问题在于结合这两个特征:

通过使用droppable,我允许用户将一个框拖到页面按钮,然后页面将切换,用户可以完成将其拖动到新显示的页面上.问题是当页面切换时,显示在拖动框下面的第一列没有它超过事件触发.您必须拖动到另一列,然后返回到第一列以显示占位符.

我不确定,但我想我需要以某种方式清除事件,或手动触发它们.问题似乎源于这样一个事实,即拖动的盒子在可见时位于柱子上方.

你能帮助解决这个深奥的困境吗?

谢谢!

更新:

所以我一直在考虑可能的工作.Michal建议启动刷新方法,这确实无法解决问题,但让我思考事件问题.

似乎当你离开然后再回来时,适当的事件就会发生.也许如果我可以手动触发第一列的mouseout事件,重置将允许mouseover事件正确触发.

我试过这个:

$(".column:first").trigger('mouseout'); 
Run Code Online (Sandbox Code Playgroud)

但我不认为这与可排序的事件是一样的.也许我应该解雇那个事件?

javascript jquery jquery-ui

23
推荐指数
1
解决办法
1万
查看次数

MYSQL WHERE-IN子查询永远运行

我有一个MySQL表.我们称之为小部件.Widget表有3个字段:id,type_idname.在一个查询中,我希望获得与名为"doodad"的Widget 共享type_id的所有小部件.我写了2个查询:

  1. 给我一个名为'doodad'的小部件的type_id.
  2. 给我带有type_id的所有小部件.

这有效.每个查询,独立地实现其目标.

但是当我将它们组合成一个嵌套查询时,它会永远运行,无限循环样式.它看起来像这样:

SELECT * FROM widgets WHERE type_id IN  (
    SELECT type_id FROM widgets WHERE name = 'doodad'
);
Run Code Online (Sandbox Code Playgroud)

有谁能解释一下?是因为我正在编写一个在同一个表上运行两次的嵌套查询吗?

小轮子,为什么你要旋转?

mysql nested

7
推荐指数
1
解决办法
5195
查看次数

Laravel 4.2:在迁移时强制种子:在生产中刷新

作为我的Laravel 4.2应用程序的一部分,我正在artisan migrate:refresh --seed --force我的Capistrano部署中运行,我收到的消息是:

*** Application In Production! *** 

Do you really wish to run this command?
Run Code Online (Sandbox Code Playgroud)

不应该 - 强制绕过这个?

我注意到这个消息发生在迁移之后:刷新已经运行,但是在种子之前.我是否需要单独强制种子?

谢谢!

capistrano laravel laravel-4

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

Shepard导游JS不滚动

我正在努力让Shepard导游工作.

http://github.hubspot.com/shepherd/docs/welcome/

我已经在全局和每个Shepard巡回站点设置了scrollTo:true,但无论如何页面都会跳转.这是一个例子:

http://codepen.io/anon/pen/mRvdKv

(function() {
var tour = new Shepherd.Tour({
  defaults: {
    classes: 'shepherd-theme-square',
    scrollTo: true
  }
});

tour.addStep('example', {
  title: 'Example Shepherd',
  text: 'This is the first step',
  attachTo: '#test1 bottom',
  advanceOn: '.docs-link click',
  scrollTo: true
});

tour.addStep('example', {
  title: 'Example Shepherd',
  text: 'This is the second step',
  attachTo: '#test2 bottom',
  advanceOn: '.docs-link click',
  scrollTo: true
});

tour.addStep('example', {
  title: 'Example Shepherd',
  text: 'This is the third step',
  attachTo: '#test3 top',
  advanceOn: '.docs-link click',
  scrollTo: true
});

tour.start(); …
Run Code Online (Sandbox Code Playgroud)

javascript

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

标签 统计

javascript ×2

capistrano ×1

jquery ×1

jquery-ui ×1

laravel ×1

laravel-4 ×1

mysql ×1

nested ×1