简体   繁体   English

jQuery UI调整大小-带边框的DIV圆角

[英]jQuery UI resize - DIV Rounded Corners With Border

There are many jquery rounded corner plugins however I can't seem to find/or get to work the solution i'm looking for. 有很多jquery圆角插件,但是我似乎找不到/或无法使用我正在寻找的解决方案。

I have a DIV with a 1px solid border, some corner plugins remove the border, some don't. 我有一个带1px实心边框的DIV,有些角落插件可以删除边框,有些则不能。 I need to find one that doesn't and that can also be toggled on/off. 我需要找到一个没有的并且也可以打开/关闭的开关。

The reason for the toggle is that none of the corner plugins I've found support jQuery UI resize (maybe obvious reasons because the plugins append layers etc.) so what I need is a plugin that can support borders, and do the following: 进行切换的原因是,我发现的所有角落插件均不支持jQuery UI调整大小(可能是显而易见的原因,因为插件会附加图层等),因此我需要的是可以支持边框的插件,并执行以下操作:

Step 1). 第1步)。 Apply corner effect Step 2). 应用角落效果步骤2)。 User clicks the resize handle so corners are removed (using function call on the resize start event). 用户单击调整大小手柄,以便去除拐角(在调整大小开始事件上使用函数调用)。 Step 3). 步骤3)。 On resize stop (stop event function) re-apply the borders. 在调整大小停止(停止事件功能)时,重新应用边框。

Can anyone help with a solution? 谁能提供解决方案?

Regards 问候

I use DD_roundies with draggable elements. 我将DD_roundies与可拖动元素一起使用。 I can also change the attributes of the border and it updates. 我还可以更改边框的属性并进行更新。 Works great in all browsers. 在所有浏览器中都很好用。

http://www.dillerdesign.com/experiment/DD_roundies/ http://www.dillerdesign.com/experiment/DD_roundies/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM