1

所以我有这段代码，它是一个 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>
4

1 回答 1

0

你不能在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+'%'
        });
    }
}
于 2012-09-10T20:38:10.473 回答