如何解决用于 jQuery 的 Easy Split Layout Plugin - Splitter 拖动事件未触发
有没有人使用过 jQuery 的 Easy Split Layout Plugin,如图here? ondrag、ondragstart 和 ondragend 事件仅在插件初始化时触发一次。之后就什么都没有了。
这是我的代码:
df_new<- dataset %>%
relocate(mycolumn,.after = the_other_column)
当我刷新浏览器 (chrome) 时,我看到了三个 console.log 输出,但是当我拖动分隔条时,什么也没有。
这里是依赖项:
function setSplitters() {
$('#widget').width(1500).height(768).split({ //left container
orientation: 'vertical',limit: 150,position: '20%',onDrag: console.log("dragging..."),onDragStart: console.log("dragging has started"),onDragEnd: console.log("dragging has ended")
});
有什么想法吗?
解决方法
这适用于小提琴:
我用过:
https://cdn.jsdelivr.net/npm/jquery.splitter@0.28.5/js/jquery.splitter.min.js
https://cdn.jsdelivr.net/npm/jquery.splitter@0.28.5/css/jquery.splitter.css
和
jQuery 3.4.1
HTML
<div id="widget">
<div id="leftPane">Foo</div>
<div id="rightPane">Bar</div>
</div>
查询
function setSplitters() {
var splitter = $('#widget').width(1500).height(768).split({
orientation: 'vertical',limit: 150,position: '20%',onDrag: function(event) {
console.log(splitter.position());
},onDragStart: console.log("dragging has started"),onDragEnd: console.log("dragging has ended")
});
}
setSplitters();
如果拖动分隔线,则在 console.log 中给出位置
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。