- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我想做的是创建 float 对话框,然后允许用户将它们放在他们想要的任何布局中。
我在顶部固定了一个菜单 div,然后是一个内容 div,它应该允许用户将对话框定位到他们方便的位置,为此我增加了内容 div 的大小,以防用户想要移动一些对话框在当前可见区域之外,但这无法正常工作。
当对话框移到可见部分之外时,滚动条不会跟随对话框移动,而且尺寸的增加也只起作用一次,为了使 div 更大,我必须再次拖动它。
如果我用滚轮鼠标移动滚动条,我可以看到拖动并没有移动到新的 div 大小,而是停留在旧的大小上。
TLDR:http://jsfiddle.net/peMGg/87/
$(".dialog").dialog({
modal: false,
open: function () {
$(this).dialog("widget").appendTo("#content");
},
drag: function(event, ui) {
var dlg = $(this).dialog("widget");
var wDlg = dlg.width();
var hDlg = dlg.height();
var xDlg = dlg.position().left
var yDlg = dlg.position().top;
var wBody = $("#content").width();
var hBody = $("#content").height();
if(wBody - (xDlg + wDlg) < 20) {
$("#content").width(wBody + 30);
}
if(hBody - (yDlg + hDlg) < 20) {
$("#content").height(hBody + 30);
}
}
});
最佳答案
我相信你想要这个
http://jsfiddle.net/peMGg/102/
因为对话框的最大移动取决于 body 的高度和宽度,所以你应该在使其可拖动之前使其不受限制,这可以通过鼠标按下和释放的另一个功能来完成......
我首先让它在打开时不可拖动,这样我们就可以向对话框标题栏添加功能:
open: function () {
$(this).dialog("widget").appendTo("#content");
$( ".dialog" ).dialog( "option", "draggable", false );
},
我添加了这些:
var wBodyy = $("body").width();
var hBodyy = $("body").height();
在底部所以它可以被全局访问,
然后添加这些函数来存储 body 的宽度和高度然后让它成为20000然后让它可以拖动所以它可以被拖动!在 begin 释放后,它必须再次不可拖动!:
$(".ui-dialog-titlebar").mousedown(function() {
wBodyy = $("body").width();
hBodyy = $("body").height();
$("body").width(20000);
$("body").height(20000);
$( ".dialog" ).dialog( "option", "draggable", true );
});
$(".ui-dialog-titlebar").mouseup(function() {
$( ".dialog" ).dialog( "option", "draggable", false );
});
最后我应该在拖动时把原来的 body 数量放回去,因为它不再检查 body 了!我可以把它放在 dragStart 事件上:
dragStart: function(event, ui) {
$("body").width(wBodyy);
$("body").height(hBodyy);
},
还有一个解决办法就是让它在鼠标离开这里时没有bug:
像这样制作 mousedown 事件:
$(".ui-dialog-titlebar").mousedown(function() {
if ($("body").width()!=20000){
wBodyy = $("body").width();
$("body").width(20000);}
if ($("body").height()!=20000){
hBodyy = $("body").height();
$("body").height(20000);}
$( ".dialog" ).dialog( "option", "draggable", true );
});
所以它只在需要的时候改变变量!
并且在鼠标移开和拖动开始时必须更改为:
$(".ui-dialog-titlebar").mouseup(function() {
if ($("body").width()==20000){$("body").width(wBodyy);}
if ($("body").height()==20000){$("body").height(hBodyy);}
$( ".dialog" ).dialog( "option", "draggable", false );
});
和
dragStart: function(event, ui) {
if ($("body").width()==20000){$("body").width(wBodyy);}
if ($("body").height()==20000){$("body").height(hBodyy);}
},
所以他们会在必要时得到零钱希望对你有帮助
关于javascript - 如何在展开的 div 中使滚动条与对话框一起移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18977225/
如何在代码中展开/折叠WPF扩展器?我需要这样做才能在其中初始化控件。 最佳答案 使用IsExpanded属性,将其设置为true以使内容可见: myExpander.IsExpanded = tru
Powershell 展开让我发疯。 我有以下代码可以从交换收件人处检索电子邮件地址。我使用 ArrayList 是因为当您希望能够从数组中删除项目时,很多人都建议使用它。 $aliases = Ne
是否可以展开/折叠数据表中的子表?我的子表包含与其上方行相关的信息,我想显示/隐藏图像的点击。只是想知道我会怎么做? 这是我目前使用的:
我正在尝试创建一个可扩展的文本区域,仅当该框为空时,该区域才会折叠回其原始高度。如果它不为空,那么我希望文本区域保持扩展并根据需要增长(即,当用户输入更多文本时增长)。文本区域永远不应该隐藏输入的文本
当尝试将 nestedSortable jQuery 插件与其网站上提供的示例一起使用时,该插件无法正常工作。 拖放可以工作,但是当我需要折叠/展开时就会出现问题。我使用了另一个问题中建议的解决方案,
我有一个显示嵌套数据的表。数据如下所示: Objective 1 Objective 1.1 Objective 1.1.1 Objective 1.2
我正在使用 jQuery 从屏幕左侧展开/缩回菜单栏。 这是我到目前为止所拥有的: $(document).ready(function(){ $('.menu-button').on("clic
如何根据类别向页面上的图像添加隐藏/显示(折叠/展开)功能? 我希望具有特定类的图像在加载时折叠,并在 JS 中定义一些任意标记(比方说, Show ),然后在扩展中具有不同的任意标记( Hide )
我需要在折叠和展开后触发事件调整大小。当我尝试使用 SWT.Collapse 和 SWT.Expand 执行此操作时,树上没有任何更改,因为它在发生之前就已触发。有什么办法吗? 最佳答案 尝试调用 D
我有一个如下所示的域: package object tryme { type ALL = AlarmMessage :+: PassMessage :+: HeyMessage :+: CNil
我有一个扩展器列表,我想用全局切换按钮控制其展开状态(IsExpanded),该按钮应该在展开/折叠状态之间切换。 到目前为止,我得到的解决方案是通过将扩展器的 IsExpanded 状态绑定(bin
我试图根据 QWidget 是否展开/折叠来自动调整其大小。我尝试了几种发布的方法here和 here . 我没有设法采用这些,以便它按照我想要的方式工作:我希望 QWidget 在展开时调整自身大小
我正在尝试显示对象模型(机器人)列表,这些模型有一个可以是另一个机器人的字段 Parent。 我已经使用 Django 的 MPTT 实现了一个嵌套列表: {% load mptt_tags %}
鉴于下表/代码,我想添加两项。我不太了解 JavaScript,这段代码是另一个程序员留下的。该代码在所有其他方面都按预期工作。 这是两个项目: 表格应该以折叠状态开始。所有节点都应该是崩溃到“祖 p
我想要一张可以展开或折叠的表格。我的要求是当我点击表格行然后隐藏行显示或者当我点击其他表格行然后上一个打开的行隐藏或显示相对隐藏行。我发现一个 jquery jxpand 非常适合我,它显示隐藏的行但
如果当您向下滚动页面时元素展开或折叠,页面会突然重置并且焦点会移动到页面顶部。 有什么方法可以防止页面移动或使其不那么突然? $(document).ready(function () {
我正在使用以下代码来扩展特定的线性布局,并且遵循了本教程 http://gmariotti.blogspot.sg/2013/09/expand-and-collapse-animation.html
当垂直偏移超过特定阈值时,如何使android中的可折叠工具栏自动折叠/展开? 例如,如果垂直偏移超过 getScrollRange() 的半点,则可折叠工具栏应自动展开,低于该阈值时应折叠。 最佳答
http://t-webdesign.co.uk/new/ 如何在不使用固定高度属性的情况下让灰色 div (#content_right) 扩展到与左侧 div 相同的大小? 谢谢 最佳答案 你可能
设置一个简单的 WordPress 博客,仅包含一个页面,即博客存档。但我遇到了一个问题,我想要切换摘录和内容显示更多/显示更少的功能,以便访问者可以轻松浏览同一页面上的帖子,而无需页面重新加载或被发
我是一名优秀的程序员,十分优秀!