flypig_1 2016-03-28 03:44 采纳率: 0%
浏览 1223

jquery的一个遍历问题

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

  • 写回答

3条回答 默认 最新

  • flypig_1 2016-03-28 03: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();    // 阻止点击事件冒泡到父级元素
    });
    
    评论
  • flypig_1 2016-03-28 03: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>
    
    评论
  • flypig_1 2016-03-28 03:55
    关注

    图片说明

    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 FineReport文本日期格式转日期格式后查不出数据
  • ¥100 二维码被拦截如何处理
  • ¥15 怎么解决LogIn.vue中多出来的div
  • ¥15 优博讯dt50巴枪怎么提取镜像
  • ¥30 在CodBlock上用c++语言运行
  • ¥15 求C6748 IIC EEPROM程序固化烧写算法
  • ¥50 关于#php#的问题,请各位专家解答!
  • ¥15 python 3.8.0版本,安装官方库ibm_db遇到问题,提示找不到ibm_db模块。如何解决?
  • ¥15 TMUXHS4412如何防止静电,
  • ¥30 Metashape软件中如何将建模后的图像中的植被与庄稼点云删除
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部