2 ssd001001 ssd001001 于 2016.03.28 19:44 提问

jquery的一个遍历问题

现在在做一个公式编辑器,我对jquery也不熟悉,边查边做,现在遇到一个问题。就是我先通过定义输入框编辑好公式,然后再去掉输入框,这时高度会有变化,原来排版好的公式符号等,就会出现错位。我的解决思路是,完成后遍历一遍,重新获取每一部分的高度,再把符号等重新定位,让其垂直居中。效果图如下,上边的是带输入框的,下边的是去掉输入框的:图片说明

4个回答

ssd001001
ssd001001   2016.03.28 19:51

去掉输入框的HTML的代码如下:

1
 
          </div></td>
      </tr>
      <tr>
        <td><span onclick="wtrecodes(4,2);" id="nf_4" class="" style="font-size: 90%; min-width: 10.8px; min-height: 18px;" box="1">2</span></td>
      </tr>
    </tbody>
  </table>
  <font style="top:-25px;">x</font>
  <font style="top:-25px;">-</font>
  <font style="top:-25px;">+</font>
  <font style="top:-25px;">×</font>
  <font style="top:-25px;">÷</font>
  <font style="top:-25px;">=</font>
</span> 
</div>

我想遍历一遍,重新修改标签里的top值,使其能够垂直居中,

jquery代码如下,不知道为啥不能重新改值:

$("#matypalayerhide span").each(function(event) {
        var fatherid = $(this).attr("id");
        var fc = $("#"+fatherid).height();          
        var  averageHeight= parseInt(fc / 2);
        $("#"+fatherid).children("font").css("top","-"+averageHeight+"px");
        //event.stopPropagation();    // 阻止点击事件冒泡到父级元素
});
ssd001001
ssd001001   2016.03.28 19:54

去掉输入框的HTML的代码如下,上边的好像没显示完全?

1
 
          </div></td>
      </tr>
      <tr>
        <td><span onclick="wtrecodes(4,2);" id="nf_4" class="" style="font-size: 90%; min-width: 10.8px; min-height: 18px;" box="1">2</span></td>
      </tr>
    </tbody>
  </table>
  <font style="top:-25px;">x</font>
  <font style="top:-25px;">-</font>
  <font style="top:-25px;">+</font>
  <font style="top:-25px;">×</font>
  <font style="top:-25px;">÷</font>
  <font style="top:-25px;">=</font>
</span> 

</div>
ssd001001
ssd001001   2016.03.28 19:55

图片说明

CSDNXIAON
CSDNXIAON   2016.03.30 11:29

JQuery版本冲突问题
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!