Sin骑士 2015-08-06 04:23 采纳率: 0%
浏览 1769
已结题

火狐中jQuery设置某个class的img标签的width指的问题

index.html
    <img class="ability-img" ... />
    <img class="ability-img" ... />
    <img class="ability-img" ... />
    <img class="ability-img" ... />

index.js
    $(".ability-img").css({
        width : parseInt($("#championHead").width()) * 64 / 120,
        height : "auto"
    });
    alert(parseInt($("#championHead").width()) * 64 / 120);
    alert($(".ability-img").width());

第一个弹窗弹出52，计算结果正确，但是问题来了
第二个弹窗弹出64，这是为什么？（图片原大小为64px）
只有火狐会出现这种效果，用edge和谷歌两个弹窗都为52，一切正常。

求指教！

  • 写回答

7条回答 默认 最新

  • 不得闲 2015-08-06 05:33
    关注

    围观，表示不解。等大神解答

    评论
  • Go 旅城通票 2015-08-06 05:44
    关注

    你的ability-img样式有什么，贴出来看下

    评论
  • beaconD 2015-08-06 06:04
    关注

    $("#championHead").width()
    $(".ability-img").width()
    alert一下这两个是什么

    评论
  • qq_25048197 2015-08-06 06:39
    关注

    火狐和其他浏览器，第一css不兼容，第二js抓取的对象也不一样，语法也不一样，你用同样的语法是行不通的

    评论
  • fidswids 2015-08-06 07:07
    关注

    指定一下dtd看看效果

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    评论
  • 微宇网络科技 2015-08-06 07:15
    关注

    不知道是应用什么场景 本地测试火狐下是没问题的













    <br> $(&quot;.ability-img&quot;).css({<br> width: parseInt($(&quot;#championHead&quot;).width()) * 64 / 120,<br> height: &quot;auto&quot;<br> });<br> alert(parseInt($(&quot;#championHead&quot;).width()) * 64 / 120);<br> alert($(&quot;.ability-img&quot;).width());<br>

    评论
  • 微宇网络科技 2015-08-06 07:17
    关注
     <html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script src="http://libs.useso.com/js/jquery/1.10.0/jquery.min.js"></script>
</head>
<body>
    <div id="championHead">
        <img class="ability-img" src="Image/P/2.jpg" />
        <img class="ability-img" src="Image/P/3.jpg" />
        <img class="ability-img" src="Image/P/4.jpg" />
        <img class="ability-img" src="Image/P/5.jpg" />
    </div>
    <script>
        $(".ability-img").css({
            width: parseInt($("#championHead").width()) * 64 / 120,
            height: "auto"
        });
        alert(parseInt($("#championHead").width()) * 64 / 120);
        alert($(".ability-img").width());
    </script>
</body>
</html>
    评论

报告相同问题？

悬赏问题

  • ¥15 设计程序，利用函数getCharacterCnt，实现求解出str所指字符串中指定字符的个数，并返回此值。
  • ¥15 设计程序，实现管理30个学生5门课程的成绩，功能模块要求如下。
  • ¥15 B660主板安装xp系统老是出现错误怎么办
  • ¥15 定义过的变量报错未定义
  • ¥15 如何在EXCEL某单元格中查找是否存在另一列中的内容。
  • ¥50 非对称加密（相关搜索：密码学）
  • ¥15 关于非编程寻迹小车的分析
  • ¥15 java导出EXCEL这里已经执行成功了，但是流浪器没有下载
  • ¥15 帮我把代码改的能正常运行就行
  • ¥50 有限元修正、模型修正、最小二乘法，详细步骤