Javascript jqueryunexpected";比例尺;行为
我有以下资料: 许多具有显示的锚点:块;css属性,以及附加到两个按钮的以下两个函数:Javascript jqueryunexpected";比例尺;行为,javascript,jquery,web,Javascript,Jquery,Web,我有以下资料: 许多具有显示的锚点:块;css属性,以及附加到两个按钮的以下两个函数: function ZoomIn() { $("#MainContent_inside_panel a").hide(); $("#MainContent_inside_panel a").effect("scale", { percent: 200 }, 1000); $("#MainContent_inside_panel a").show(); } function ZoomOu
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();
如果我只单击调用ZoomIn的按钮,它就会工作(好吧,它不会隐藏所有内容,但这没什么大不了的)。如果我单击zoomin,然后单击zoomout或zoomout,然后单击zoomin,它将中断。3/4的块将调整大小,但其他块会变得异常小(且大小不一致)。在firefox中,我看到奇怪的小锚——在chrome中,它们就消失了
在它“中断”后,单击任一按钮都不起作用
你知道这是什么原因吗
编辑:HTML(只是一堆重复的内容):
收缩对象时不应使用负值 如果要在对象缩放200%后将其缩小到以前的大小,请将其设置为50%
$("#MainContent_inside_panel a").effect("scale", { percent: 50 }, 1000);
简单的数学:若对象的大小是100px,那个么将其缩放200%将使其成为200px。要使对象再次达到100px,您应该将其减半,即50%。您是否检查了Javascript控制台的错误?@George Yeah,没有错误或警告。我很困惑。你能发布相关的标记吗?你的HTML ID与Javascript中引用的任何元素都不匹配。@George抱歉,我应该更清楚一些。所有锚点都位于id为
#main content_in_panel
的div内。jquery继承选择器获取id为MainContent\u inside\u panel
的div中的任何“a”元素,在本例中,该元素都是我的块a。。。。哇!看来我遵循的例子是不正确的。我从来没有想过要尝试这个,因为我对jquery还很陌生,只是假设作者对他们谈论的内容是新的。呵呵。谢谢
.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;
}
$("#MainContent_inside_panel a").effect("scale", { percent: 50 }, 1000);