Tag: resize

TinyMCE：禁用特定div的’resizable’function？: 我在Wordpress中有一个插件，它使用jQuery Resizable来调整TinyMCE中的对话框大小。特别是有一个（如下所示）我不想resize。我该如何做到这一点？这是输出的我不想resize：这是可resize的句柄输出：我尝试了这两个jQuery函数，但都没有工作： $(‘.ui-dialog’).resizable(‘destroy’); $(‘.ui-resizable-handle’).resizable(‘destroy’);

像谷歌一样调整图像大小: 我有个问题。当窗口高度resize时，如何按比例调整图像大小？像谷歌图片的例子:( 警告：模糊的NSFW） http://sofzh.miximages.com/jquery/google-girljaf72-40c90.jpg 谢谢

火灾大小事件一旦大小下降，一次大小上升: 因此，当浏览器调整到某个特定点时，我有一个函数我要触发ONCE。 largeWindow = window.matchMedia( ‘screen and (min-width: 650px)’ ); jQuery( window ).on(‘resize’, function() { if ( ! largeWindow.matches ) { jPM.on(); jQuery(window).off(‘resize’); } }); 这个工作正常，一旦我们resize超过650px，该function只运行一次。我遇到的问题是重新resize。一旦我们重新resize超过650px，我想发射另一个函数。唯一不同的是jPM.off（）而不是on。这一点的重点是当浏览器小于650px时打开jPanelMenu，并在浏览器大于650px时重新打开。我想另一个问题是我需要一遍又一遍地发生这种情况。使用jQuery（window）.bind（’resize ….只要浏览器正在resize，就会反复激活函数。所以jPM.on（）会运行50次并继续初始化插件，这会导致一团糟。有没有人对我有任何提示？谢谢！

jQuery UI使用表和colspansresize: 我需要对表执行jQuery UI Resize效果。我的桌子有colspans，宽度等于100％。我无法调整包含天数的表格列。没有colspan一切都很好。我该怎么做才能纠正这种行为？ Table 26/12 27/12 28/12 123 123 123 $(function () { $(‘table th’).resizable({ handles: ‘e’, minWidth: 18 }); }); 演示： http ： //jsfiddle.net/Helid/JvELx/

如何动态调整jqgrid到当前窗口大小？: 如何动态调整jqgrid到当前窗口大小（基于javascript / jQuery）最好的例子是（TinyMCE）：转到： http ：//www.tinymce.com/tryit/full.php 然后尝试CTRL + ALT + F或菜单 – >视图 – >全屏请帮助，我有js / jquery的初学者知识（我知道更多的PHP语言）。多数民众赞成我如何调用jqgrid： $ grid-> renderGrid（’＃grid’，’＃pager’，true，null，null，true，true）; ..提前谢谢如果你了解我，这就是我的意思。我想在gridNav中添加自定义按钮，以便在放大和普通视图之间切换（就像tinyMCE编辑器一样！）我的网格表有很多列（长水平滚动），这就是为什么我想到激怒整个表格的想法。按钮代码…… $buttonoptions = array(“#pager”, array( “caption”=>”Resize”, “onClickButton”=>”js:function(){ … resize call here …}”, “title”=> “Resize” ) ); $grid->callGridMethod(“#grid”, “navButtonAdd”, $buttonoptions);

$（窗口）.resize（）不起作用: 我有以下jquery代码来调整一组元素的大小，使它们与最高元素的高度相同。刷新屏幕时该function正常，但$（窗口）.resize（）似乎不起作用。 jQuery(document).ready(function($) { function equal_height(target) { var maxHeight = -1; $(target).each(function() { maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height(); }); $(target).each(function() { $(this).height(maxHeight); }); }; var responsive_viewport = $(window).width(); if (responsive_viewport >= 768) { equal_height(‘.cta-text’); $(window).resize(function() { equal_height(‘.cta-text’); }); } });

jquery + flash：寻找在上传之前调整图片大小的插件: 我正在寻找一个可以上传多个图像的jquery插件。我尝试过uploadify，效果很好。但是对于巨大的图像，它非常慢。是什么类似uploadify在上传之前调整图像大小？谢谢

如何为可resize的jQuery UI元素启动resizefunction（触发句柄拖动）: 当我单击屏幕时，当前在mousedown上动态创建可resize的元素。 jQuery UI自动添加句柄以允许用户单击并拖动以随后调整元素的大小。我想触发句柄，只要用户没有触发mouseup他们就已经在调整新创建的元素的大小。我在文档中找不到任何显示在单击这些句柄时触发哪些事件的内容。我已经尝试执行mousedown并在元素创建后click句柄，放在屏幕上，并设置为resizable 。这些都没有奏效。有谁知道如何触发resize动作的开始？或者，如果有人知道如何记录jQuery UI事件，我可以使用它来查看单击句柄时发生的操作，遵循相同的路径，并在此处发布我的结果。

如何在jQuery可resize的情况下调整iFrame中的元素大小？: 我目前参与的项目遇到了一些问题。这是我的情况。我正在动态构建并将网页呈现为iframe，并且我希望为用户提供在iframe中重新调整该呈现页面内的div元素的能力。要设置上下文，请考虑以下代码段：主页： $(“#site”).load(function() { $(“#site”).contents().find(“#test-resize”).resizable({ create: function(event, ui) { console.log(“Create”); }, start: function(event, ui) { console.log(“Start”); }, resize: function(event, ui) { console.log(“Resize”); } }); }); 呈现页面： body { margin: 0; padding: 0; } #container { width: 960px;margin: auto;border: 1px solid #999; } header { display: block;background: #dedede;padding: 5px; } footer { display: […]

如果调整高度，模式弹出窗口以适合浏览器视图: 我已经去了这个教程做一个模态弹出窗口，它似乎非常适合我需要做的事情。但是，我想知道是否有人可以帮我弄清楚我需要计算什么来更改对话框，以便在您调整浏览器大小时它会跟随。本教程很好，因为如果您调整浏览器的大小（宽度方向），则框将跟随并进入中间。但如果它是高度方面，它不会。教程：这里我认为它与这些代码有关： // get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); // calculate the values for center alignment var dialogTop = (maskHeight/3) – ($(‘#dialog-box’).height()/3); var dialogLeft = (maskWidth/2) – ($(‘#dialog-box’).width()/2); // assign values to the overlay and dialog box $(‘#dialog-overlay’).css({height:maskHeight, width:maskWidth}).show(); $(‘#dialog-box’).css({top:dialogTop, left:dialogLeft}).show(); 我试过使用$（window）.height（），但我认为这也不行。 […]