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({
ラインまですべてがうまく機能しているように見えます。
何時間も髪を抜いた後、ドロップダウンを生成したPHPコードに二重引用符がないことがわかりました。これは、MooToolsの変数の1つが間違って出てきて、すべてが機能しなくなったことを意味しました。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加