Jquery unexpected "scale" behavior
Jquery unexpected "scale" behavior
我有以下内容:
许多有display: block;CSS属性,并将以下两个函数附加到两个按钮上:
function ZoomIn() {
$("#MainContent_inside_panel a").hide();
$("#MainContent_inside_panel a").effect("scale", { percent: 200 }, 1000);
$("#MainContent_inside_panel a").show();
}
function ZoomOut() {
$("#MainContent_inside_panel a").hide();
$("#MainContent_inside_panel a").effect("scale", { percent: -200 }, 1000);
$("#MainContent_inside_panel a").show();
如果我只点击调用缩放的按钮,它会工作(好吧,它不会隐藏所有内容,但这不是什么大不了的事)。如果我点击缩放,然后缩放或者缩放,然后缩放,它就坏了。3/4的块会调整大小,但其他块会变得奇怪(并且不一致地变小)。在firefox中,我可以看到奇怪的小锚,而在chrome中,它们就消失了。
在它"中断"之后,点击任何一个按钮都不起作用。
你知道这是什么原因吗?
编辑:HTML(只是一堆重复的内容):
<a id="MainContent_1_0" class="unused"></a>
<a id="MainContent_400001393" class="used"></a>
<a id="MainContent_1_2" class="unused"></a>
CSS: .inside_panel a
{
display: block;
float: left;
width: 7px;
height: 7px;
margin: 2px;
padding: 2px;
border-style: solid;
border-width: 1px;
}
a.used
{
background-color: red;
}
在收缩对象时不应该使用负值。
如果您希望在对象缩放200%后将其缩小到之前的大小-将其设置为50%。
$("#MainContent_inside_panel a").effect("scale", { percent: 50 }, 1000);
简单的数学:如果对象的大小为100px,那么缩放200%将使其成为200px。要使对象再次变为100px,你应该将它切成两半,也就是50%。
相关文章:
- 铬:“;未捕获的语法错误:意外的标记:"
- Setting default onclick behavior for <img> tag in gene
- 可以设置“;文件名"发生错误时显示的内联脚本标记的
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 使用“+="操作人员
- //而不是在src=“”上使用http://"属性
- "未捕获的语法错误:意外的标记}"
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- "实例范围”;TypeScript类的getter/setter
- Javascript复选框函数:;缺少:在属性id之后"
- "“;变量未引用正确的对象
- "日期“;AJAX请求返回的类型值未定义
- 得到"TypeError:无法读取属性'filename'未定义的“;调用“npm start
- Soundcloud api"未捕获的类型错误:无法读取属性'uri'“未定义”;
- "工具提示"jQuery插件坏了
- "锻造;React中的表达式
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 如何提取“;href"最近列表项中的属性值
- CKEditor如何允许href="javascript:void(0)"在小部件中