Question

所以我有这个代码，这是一个php文件的输出（因此有些东西比如3等等）。

它在Firefox中完美运行，但Chrome和IE就像观察者甚至不存在一样。

此外，#ratingwrapper的onmouseout函数在chrome和ie中被视为“未定义”。令人难以置信的是为什么这两个浏览器完全忽略了JS，但firefox看到了一切。

我尝试了所有的东西，甚至调用简单的警报，没有任何工作在ie和chrome。我尝试删除观察者并在#ratingwrapper div中执行所有操作，但所有函数都在chrome中“未定义”。

我正在使用原型，头js声明都是有序的，因为使用原型的其他脚本正在页面上工作。没有冲突等等。我对这个无法解释的错误感到困惑。

<div class="ratings">
        <div class="rating-box" id="ratingbox">
            <div class="rating" id="ratingboxfill" style="width:100%"></div>
        </div>
    <div id="ratingwrapper" onmouseout="revertProductRating()"></div>
    <br /><br />
    <div id="curpos"></div>
    <div id="cpos"></div>
    <span class="amount">3 ratings</span>
    <input id="newRating" type="hidden" value="0" />
</div>

<script type="text/javascript">
    function setNewProductRating(e) {
        var ratingx = Event.pointerX(e);
        var ratingy = Event.pointerY(e);
        var containerLeft = Position.page($('ratingbox'))[0];
        var containerTop = Position.page($('ratingbox'))[1];
        var hpos = ratingx - containerLeft;
        var vpos = ratingy - containerTop;
        $("cpos").update(hpos+","+vpos);
        if (hpos <= 9) {
            revertProductRating(10)
            $("newRating").value=1;
        } else if(hpos <19) {
            revertProductRating(20)
            $("newRating").value=2;
        } else if(hpos <28) {
            revertProductRating(30)
            $("newRating").value=3;
        } else if(hpos <38) {
            revertProductRating(40)
            $("newRating").value=4;
        } else if (hpos < 47) {
            revertProductRating(50)
            $("newRating").value=5;
        } else if (hpos < 57) {
            revertProductRating(60)
            $("newRating").value=6;
        } else if (hpos < 66) {
            revertProductRating(70)
            $("newRating").value=7;
        } else if (hpos < 76) {
            revertProductRating(80)
            $("newRating").value=8;
        } else if (hpos < 85) {
            revertProductRating(90)
            $("newRating").value=9;
        } else if (hpos < 96) {
            revertProductRating(100)
            $("newRating").value=10;
        } else {
            revertProductRating()
        }
    }

    function revertProductRating(force=0) {
        if (force == 0) {
            //document.getElementById("ratingboxfill").style.width = "100%";
            $("curpos").update("force=0");
            $("ratingboxfill").setStyle({
                width: '100%'
            });
        } else {
            //document.getElementById("ratingboxfill").style.width = force+"%";
            $("curpos").update("force="+force);
            $("ratingboxfill").setStyle({
                width: force+'%'
            });
        }
    }

    function sendProductRating()
    {
        value = $("newRating").getValue();
                window.location = 'http://x.dev/y/' + 'ratingValue/' + value;
    }

    $('ratingwrapper').observe('mousemove', setNewProductRating);
    $('ratingwrapper').observe('click', sendProductRating);
</script>

Answer 1

您无法在javascript中定义默认参数值，因此revertProductRating的函数定义错误。

尝试将其更改为：

function revertProductRating(force) {
    if(arguments.length === 0) {
        force = 0;
    }

    if (force == 0) {
        //document.getElementById("ratingboxfill").style.width = "100%";
        $("curpos").update("force=0");
        $("ratingboxfill").setStyle({
            width: '100%'
        });
    } else {
        //document.getElementById("ratingboxfill").style.width = force+"%";
        $("curpos").update("force="+force);
        $("ratingboxfill").setStyle({
            width: force+'%'
        });
    }
}

IE / Chrome中未定义的功能，但Firefox中没有

1 个答案: