我正在使用带插件的fancybox jquery.easydrag.js.这样做的原因是能够拖动花式框.
它似乎工作正常,但问题来自fancybox有滚动条.即,例如,当单击提交而不输入任何字段时,屏幕上的valdidation会导致滚动条.这通常很好,但滚动条会导致可拖动功能的各种问题,因此当我尝试上下滚动滚动条时,它实际上会移动整个窗口.因此,似乎对于可以移动哪些内容以及如何处理滚动条感到困惑.
claimLink.fancybox({
'width': 500,
'height': 590,
'autoDimensions': false,
'onCleanup': function (e) {
var modelClaimFormId = $j(e).attr("href").replace("body", "");
var modalClaimForm = $j(modelClaimFormId);
if (!($j(modalClaimForm).valid())) {
$j(claimForm).remove();
$j(e).parents("tr").remove();
}
}
});
$j("#fancybox-wrap").easydrag(true);
Run Code Online (Sandbox Code Playgroud)
编辑:
我设法添加输入和textareas的东西忽略滚动看到下面...只是想知道我可以为滚动条做什么.
$j("#fancybox-wrap").easydrag(true);
$j("#fancybox-wrap input,textarea").click(function(){
$j("#fancybox-wrap").dragOff();
});
$j("#fancybox-wrap input,textarea").mouseover(function () {
$j("#fancybox-wrap").dragOff();
});
$j("#fancybox-wrap input,textarea").blur(function () {
$j("#fancybox-wrap").dragOn();
});
$j("#fancybox-wrap input,textarea").mouseout(function () {
$j("#fancybox-wrap").dragOn();
});
Run Code Online (Sandbox Code Playgroud)
这是JS for easydrag插件的链接