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 有限元修正、模型修正、最小二乘法,详细步骤