Chrome で常に「Aw Snap」が表示される管理ページの管理に問題があります。
新しい製品をウェブサイトに追加できる「商品」管理ページがあります。
ユーザーが商品タイプとして「T シャツ」を選択すると、いくつかの新しいオプションが表示されます。つまり、サイズと色です。
サイズは単なる複数選択ボックスですが、「色の追加」をクリックするとシャドーボックスが初期化されます。
シャドーボックスを使用すると、ユーザーは色の名前を入力し、( Wheel Color Pickerプラグインを介して) 16 進数の色を選択し、 ( Uploadifyを介して) 代表的な画像をアップロードできます。送信時に Uploadify スクリプトがファイルをアップロードし、完了時にスクリプトが JQuery AJAX を介して他の色情報をデータベースに送信します。
送信ボタンのスクリプト:
function add_colour_submit(){
$('#admin-add-colour-response').text('Processing...').fadeIn(1000);
$('#admin-add-colour-image').uploadifySettings('scriptData', {
'title': $('#admin-add-colour-title').val(),
'hex': $('#admin-add-colour-hex').val(),
'gender': $('#admin-add-colour-gender').val()
});
$('#admin-add-colour-image').uploadifyUpload();
}
「完了時」にアップロード:
'onComplete': function (event, ID, fileObj, response, data) {
$("#admin-add-colour-response").fadeTo(200,0.1,function(){
$("#admin-add-colour-response").html('Complete.').fadeTo(900,1,
function()
{
var responseArray = response.split(',');
var id = responseArray[0];
var title = responseArray[1];
var hex = responseArray[2];
var gender = responseArray[3];
parent.get_colour(id, title, hex, gender);
});
});
}
AJAX 操作が完了すると、フィードバック メッセージに「完了」が表示されます。
この後、JQuery コードはプログラムによってシャドーボックスを閉じ、親ページで、送信された色を表す小さな div が作成されます。
この方法を使用して複数を追加する可能性があります。
色関数を取得:
function get_colour(id, title, hex, gender){
$('#sb-nav-close').click(); //trigger shadowbox close
//create colour object div
var colourObject = '<div class="colourObject"><div class="colourPreview" style="background:#'+hex+'"></div><div class="colourInfo"> '+title+' / '+gender+'</div><div class="colourRemove"><a href="#" onclick="remove_colour('+id+')">x</a></div</div>'
var currentList = $('#colour-list').html();
$('#colour-list').html(currentList+colourObject);
//re-initialise any shadowbox links in the page
Shadowbox.init({
skipSetup: false
});
Shadowbox.setup();
}
私の問題は、上記の機能中に、おそらくシャドウボックスを閉じるときに、Chrome で Aw Snap が発生することです。上記のカラー div のスクリーンショットは、Safari を使用して作成されたもので、これまで問題はありませんでした。
いくつかのプラグイン (shadowbox、wheel color picker、uploadify、jquery) があるので、これらの衝突がエラーの原因になっている可能性はありますか?
アップデート。
いくつかのブラウザーでこれをテストすることができましたが、これは間違いなく Chrome のみに関連する問題です。