相关疑难解决方法(0)
如何检测DIV的尺寸变化？
我有以下示例html,有一个100%宽度的DIV.它包含一些元素.在执行窗口重新调整大小时,可以重新定位内部元素,并且div的尺寸可以改变.我问是否可以挂钩div的尺寸变化事件？以及如何做到这一点？我目前将回调函数绑定到目标DIV上的jQuery resize事件,但是,没有输出控制台日志,请参见下文:
<html>
<head>
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" language="javascript">
$('#test_div').bind('resize', function(){
console.log('resized');
});
</script>
</head>
<body>
<div id="test_div" style="width: 100%; min-height: 30px; border: 1px dashed pink;">
<input type="button" value="button 1" />
<input type="button" value="button 2" />
<input type="button" value="button 3" />
</div>
</body>
</html>
推荐指数
解决办法
查看次数
在html中执行拆分窗格的最佳方法
有谁知道在html中制作可调整大小的拆分窗格的好方法？
可以使用css/jquery/javascript来完成,还是有人知道他们使用过的好的javascript库？
(拆分窗格的一个示例是Internet Explorer中的收藏夹栏,您可能已将其停靠在主浏览器窗口的左侧)
推荐指数
解决办法
查看次数
使<div>可调整大小
有没有办法让drag'n'drop可以调整<div>容器的大小？这样用户可以使用拖放来改变它的大小？
真的很感激任何帮助!
推荐指数
解决办法
查看次数
如何在 div 的每一侧创建句柄以调整大小？- (没有jquery)
使用纯 javascript HTML5 和 CSS3（不是 jQuery）
我想做这样的事情，我在 div 中有 HTML 元素，例如文本区域或文本框，当用户单击容器 div 时，我希望显示句柄和边框。用户应仅使用手柄调整容器的大小。
我怎样才能做到这一点？我知道如何处理事件并调整大小，但不确定如何专门创建句柄并仅在这些点上调整大小。
句柄是 CSS 技巧吗？或者我必须为容器创建一个图形（比如可调整大小的 div 容器上的背景图像？）
推荐指数
解决办法
查看次数
JavaScript:将事件侦听器移除为Class.prototype函数
我正在尝试在我的项目中使用基于Class.prototype的类,其中我没有内联函数.考虑到这个例子,我不可能删除我在课堂上的myVideo视频对象上的eventListener .
这是一个理论上的例子,而不是我的实际生产代码.
var myClass = function () {
this.initialize();
}
MyClass.prototype.myVideo = null;
MyClass.prototype.initialize = function () {
this.myVideo = document.getElementById("myVideo");
this.myVideo.addEventListener("ended", this.onMyVideoEnded, false);
this.myVideo.play();
}
MyClass.prototype.onMyVideoEnded = function (event) {
// cannot remove event listener here
// this.myVideo.removeEventListener("ended", this.onMyVideoEnded, false);
}
有没有办法将处理程序保留为Class.prototype函数并添加和删除侦听器.我需要实例化并创建大量此类对象,并且在将匿名函数作为事件处理程序删除时,我担心内存泄漏和对象持久性(所有先前创建的对象都会收到"已结束"事件).
或者我应该考虑一种不同的方法(内联函数,初始化函数内部,作为事件处理程序).这些确实影响了可读性和一致性,所以我想在所有成本上避免它们.
推荐指数
解决办法
查看次数
如何通过边框使用 CSS 调整 div 的大小
我如何让用户调整 div 的大小？我希望他们能够抓住它的一侧并拉动它，我不想要 CSS Resize 属性。Resize 属性使您拖动的部分在角落中变大。那么我如何让用户通过抓住边来使 div 更大呢？
推荐指数
解决办法
查看次数
垂直或水平调整 div 大小
如何在不使用 css 属性的情况下调整 div 垂直或水平大小，仅使用纯 javascript 代码从高度或宽度调整大小？
推荐指数
解决办法
查看次数
如何制作这个可调整大小的div,可以从边缘调整大小？
我有一个可调整大小和可拖动的盒子(灰色).可以通过从角落拉伸盒子来调整盒子的大小.
目前,只能通过从角落拉伸来调整盒子的大小.我希望能够从边缘调整大小.从角落拉伸使其在宽度和高度上均匀地伸缩.但是,在一条边上缩放,只会沿着长度缩放.同时,将其缩放到另一个边缘,将仅沿宽度缩放.我如何实现这一目标？
我的代码在这里.http://jsfiddle.net/akashdmukherjee/sa44ks9u/4/
HTML:
<div id="outer" style="background-color: yellow; width: 600px; height: 400px; margin-left: 40px; margin-top: 50px;">
<div class="draggable_div rot">
<div class="rotatable">
<div id="inner" class="resizable" style="background-color: #3C3C3C; width: 300px; height: 300px;">
</div>
</div>
</div>
</div>
<div id="x_and_y_of_inner">Left: , Right: </div>
JS:
$('.draggable_div').draggable();
$( ".draggable_div" ).draggable({
drag: function( event, ui ) {
var left_most_cordinates = $("#outer").offset().left;
var top_most_cordinates = $("#outer").offset().top;
$("#x_and_y_of_inner").text( "Left: " + left_most_cordinates + " Top: " + top_most_cordinates );
ui.position.left = Math.min( left_most_cordinates, ui.position.left );
ui.position.top = Math.min( …推荐指数
解决办法
查看次数