问题描述
有没有人使用过 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 中给出位置