小但烦人的故障'用拖拽放弃测验

时间:2016-08-03 08:31:53

标签: jquery html css jquery-ui draggable

我有一个有效的拖放测验,我想解决一些轻微的设计问题。我可能已经看了这个太久了,可能会用一些新鲜的眼睛。我将链接到CodePen示例,然后是我的笔记。

示例:http://codepen.io/moy/pen/JKaPGN

  1. 如果有一个非常长的可拖动(黄色)项目,则文本不会换行。这是因为white-space: nowrap。如果您删除$link = 'http://www.domain.com/go.php?id=545&url=http://www.example.com/about'; $uri=explode("url=",$link); $uri=$uri[count($uri)-1]; echo $uri; ,该项目将会放到下一行...但是当单击该项目并拖动它时,它会“跳跃”并且像'Co-operatives'这样的文本会下降到2行。
  2. 修改

    这是一个没有add_filter('comment_form_default_fields','my_comment',15); 设置的分叉版本,您可以看到点击/拖动"私人有限公司"文字分为2行:

    http://codepen.io/moy/pen/RRYZVy

    结束编辑

    1. 如果您拖动并回答“私人有限公司”(顶部)和“特许经营(中间)”,拖动最终答案“合作社”超过其他答案框,该项目是否异常移动,就像它的试图抓住什么东西?

    2. 在'删除'可拖动(黄色)项目时,框的高度会发生变化。我想这是由于边界。我不想设置一个固定的高度,因为一些答案可能很长,所以他们需要换行。

    3. 谢谢,希望有人可以提供帮助!

0 个答案:

没有答案