小编Sod*_*aab的帖子

Jquery UI可排序 - 在启动事件触发之前执行操作

我已经搜索了STACKOVERFLOW和其他论坛以解决我的问题 - 如果我错过了一个有效的解决方案,请指向我.

我的问题:每当在可排序列表中拖动一个元素(一个portlet div)时,我需要在实际拖动过程开始之前执行一些操作(从我在START事件被触发之前理解).

更具体一点:我的DIV为用户提供了扩展/折叠它的主体的可能性(就像在jquery UI页面http://jqueryui.com/demos/sortable/#portlets中的示例一样).

每当拖动一个元素时我都想触发我的折叠方法,以便拖动的唯一可视元素是折叠的DIV.

无论何时我调用我的方法(类似这样)

$someitem.trigger("toggle.somenamespace") 
Run Code Online (Sandbox Code Playgroud)

它按预期工作,除了在sortable中触发start事件之前计算拖动帮助器的高度,因此帮助器具有处于未折叠状态的原始元素的高度.

我原来的想法是:因为可分类的例如在实际拖拽程序开始之前测量拖曳距离的可能性(使用选项:距离),它应该可以挂钩到这个流程中,例如存储原始的startDrag函数(或者无论它被称为临时var中的可排序小部件,都可以使用自定义回调覆盖它,该回调首先触发我的折叠功能,然后调用原始函数以确保正确计算高度.但是 - 到目前为止,这种方法并没有取得多大成功......

请注意,在处理程序中为拖动或在可排序事件上设置CSS属性具有所需的效果,因为为帮助程序计算的可排序窗口小部件的高度设置为元素属性.

或者 - 可能有人知道更好的方法来影响在拖动过程中显示的助手的高度,这只是我的观点,我的原始方法(在拖动过程之前更改元素,然后让小部件按照计算方式进行计算)它是有意的)将是一个更好的解决方案......

感谢任何帮助,马蒂亚斯

编辑:将可排序标志:forceHelperSize设置为true并在开始拖动器中设置ui.item /帮助器大小也不起作用,因为它可视地产生所需的效果(仅拖动折叠的项目,但停止元素一直拖下来(好像该项目仍然具有未折叠状态的高度)用帮助器测试:'原始'和'克隆'

jquery jquery-ui helper draggable jquery-ui-sortable

13
推荐指数
2
解决办法
6798
查看次数

类型错误:在以下位置找到无效的 PostCSS 插件:plugins[0]

我克隆了这个 repo https://github.com/tailwindcss/setup-examples/tree/master/examples/nextjs然后我更新了tailwind.config.js

  theme: {
    extend: {
      color: {
        primary: "#730000",
        secondry: "#efefef",
      },
    },
  },
  variants: {},
  plugins: [],
};

Run Code Online (Sandbox Code Playgroud)

然后运行命令postcss css/tailwind.css -o generated.css 终端会引发错误TypeError: Invalid PostCSS Plugin found at: plugins[0] ,任何人都可以帮我修复它。谢谢你。

postcss next.js tailwind-css

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

自定义bootbox

我正在尝试自定义启动箱设计.我已成功获得如下所示的输出: 在此输入图像描述

我的代码是

        var dialog = bootbox.alert({
    closeButton: false,
         title: false,
         message: 'hello',
         className: "my-popup"
      });
      dialog.init(function(){
var message = $(".my-popup").find(".bootbox-body");
$(".my-popup").find(".modal-footer").prepend(message);
$(".my-popup").find(".modal-footer div").css({"display":"inline-block", "padding-right":"10px", "color":"#f7f7f7"});
 $(".my-popup").find(".modal-body").remove();    
});
Run Code Online (Sandbox Code Playgroud)

这很好用.但是我的页面上还有更多警报,我也希望这样显示.所以我试图缩小上面的代码或设置bootbox的公共属性,但之后我的init功能停止工作.

这是小提琴.我正在bootbox.setDefaults设置一个公共类,然后尝试提醒但init现在不工作.有没有办法我可以设置init函数,bootbox.setDefaults 所以我只是bootbox.alert()每次只调用.不是整个代码.

jquery twitter-bootstrap bootbox

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

Github 创建新分支

在一次采访中,我被要求重构一个现有的项目。从给我的 github 存储库中,我被告知:创建一个新分支,进行更新,提交更改,推送到新分支。然后我被告知创建一个以 master 作为基础分支的 PR,并将基础分支更改为分叉的 [company] 存储库的 master 分支。

由于我以前只做过自己的项目,所以我不知道在这里做什么。我一直在谷歌搜索并试图自己弄清楚,但无法弄清楚。

git github

0
推荐指数
1
解决办法
7432
查看次数