Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryunexpected";比例尺;行为_Javascript_Jquery_Web - Fatal编程技术网

Javascript jqueryunexpected";比例尺;行为

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

我有以下资料:

许多具有显示的锚点:块;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();
如果我只单击调用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);