Php 使用jQuery设置长方体动画时出现问题
在我的网页上,我有几个盒子,一个在另一个下面,在右边。每个框都有一个“+”和“-”按钮,可以最大化/最小化到指定的大小,类似于portlet中的大小。但是,由于某些原因,它并没有发挥预期的作用。 下面是“-”按钮的代码:Php 使用jQuery设置长方体动画时出现问题,php,javascript,jquery,Php,Javascript,Jquery,在我的网页上,我有几个盒子,一个在另一个下面,在右边。每个框都有一个“+”和“-”按钮,可以最大化/最小化到指定的大小,类似于portlet中的大小。但是,由于某些原因,它并没有发挥预期的作用。 下面是“-”按钮的代码: <script type="text/javascript"> $(function() { <?php for($i=0;$i<count($modules);$i++) : ?> $( "#minusbtn<
<script type="text/javascript">
$(function() {
<?php for($i=0;$i<count($modules);$i++) : ?>
$( "#minusbtn<?=$modules[$i]["title"]?>").click(
function() {
$( "#effect<?=$modules[$i] ["title"]?>").animate({
height: 35,
}, "slow" );
<?php $count=0; $top=0; ?>
<?php for($j=$i;$j<count($modules);$j++): ?>
<?php if($i==$j) continue; ?>
$( "#effect<?=$modules[$j]["title"]?>" ).animate({
top: <?=($top)?>,
}, "slow" );
<?php $count++; $top = (210*$count); ?>
<?php endfor; ?>
});
$(函数(){
$(“#minusbtn”)。单击(
函数(){
$(“#效果”).animate({
身高:35,
}“慢”);
$(“#效果”)。设置动画({
顶部:,
}“慢”);
});
请帮助!制作这些盒子的原因是:
$( ".portlet-header" ).click(function() {
$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
});
如图所示:.你在什么地方有这样的实例吗?@Juhana:对不起,我不太明白。我对JavaScript是新手。但我认为,我在这里发布的代码部分才是最重要的。@Andrew:我希望它能像这样工作:当一个框最小化/最大化时,它下面的框应该改变位置很明显。你发布的代码是生成JavaScript的PHP。如果不是不可能的话,也很难阅读。当你使用浏览器进入页面时,选择“查看源代码”,到JavaScript所在的位置,复制粘贴到这里。拉胡尔·德赛:你将PHP与JavaScript混合在一起。“生成的JavaScript”@Juhana提到的是插入PHP生成的最终HTML中的JavaScript。很抱歉,我没有使用Portlet。我的代码中没有类似于prtlet的内容。它们不需要是Portlet,类可以是任何你想要的。其本质是,当你点击标题时,里面的内容将隐藏,其余内容将被删除我向上爬。