首页 > 解决方案 > 如何找出 MooTools 停止工作的原因?

问题描述

我在一个包含 MooTools 的页面上工作,现在 MooTools 无法正常工作。

它应该检测何时对下拉列表进行了更改并保存更改并且该字段闪烁绿色。我没有更改页面中包含 MooTools 的任何部分,所以我不知道它为什么停止工作。

以下是页面的部分内容:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/mootools/1.5.1/mootools-yui-compressed.js"></script>
    </head>
    <body>
        <select name="eoirclin[0]" style="width: 130px;" class="eoirclin" data-idx="0>
            <option value="0">Select...</option>
            <option value="1001">Paper Only</option>
            <option value="1002">PDF Only</option>
            <option value="1003">PDF + 1 Paper</option>
            <option value="1004" selected="selected">PDF + 3 Paper</option>
            <option value="5001">On Site Trx</option>
       </select>

<script type="application/javascript" language="JavaScript">
 $$('.eoirclin').each(function(el) {
    el.addEvent('change', function(ev) {
        ev.preventDefault();
        var jobid = 228828;
        var idx = this.getProperty('data-idx');
        var clin = this.value;
        var that = this;
        new Request.JSON({
            url: 'http://##/saveclin/' + jobid + '/' + idx + '/' + clin,
            onSuccess: function(ret) {
                //console.log(ret);
                var bgcolor = 'lightgreen';
                if (ret.result !== 'OK') {
                    bgcolor = 'lightpink';
                }
                that.setStyle('background-color', bgcolor);
                setTimeout(function() {
                    that.setStyle('background-color', 'white');
                }, 250);
            }
        }).get();
    });
});
</script>

我对 MooTools 很陌生,所以任何帮助解决这个问题都将不胜感激。

编辑:所以似乎一切正常,直到上new Request.JSON({线。

标签: phpmootools

解决方案


经过几个小时的努力,结果发现生成下拉列表的 PHP 代码中缺少双引号。这意味着 MooTools 中的变量之一出现错误并停止了一切工作。


推荐阅读