AJAX経由でページをロードするIEに問題があるようです。jQuery、Bootstrap、Select2、および Highcharts を使用していますが、Select2 ajax 呼び出しが原因で問題が発生したかどうかはわかりませんが、結果のないコードは AJAX リターンで問題ないようです。ハイチャートがないときにjQuery例外が発生しましたが、問題はないように見えるので、どこに問題があるのか わかりません...
http://jsfiddle.net/koconder/2aXem/5/
$(document).ready(function () {
$('#country').select2();
$('#keyword').select2();
$('#device').select2();
//$('#keyword').select2('val', 'NULL').select2('disable');
//$('#device').select2('val', 'NULL').select2('disable');
$('#app').select2({
minimumInputLength: 0,
placeholder: {
title: "Select your app...",
id: ""
},
ajax: {
url: 'http://dev.adtrafik.com/static/t/ajax.php',
dataType: 'json',
data: function (term, page) {
return {
term: term, // search term
page_limit: 10,
};
},
results: function (data) {
return {
results: data
};
}
},
initSelection: function (element, callback) {
return $.getJSON('http://dev.adtrafik.com/static/t/ajax/select2_sample.php?post=3&id=' + (element.val()), null, function (data) {
return callback(data);
});
}
});
$('#app').select2('data', {
id: '48',
text: 'Free Poker by PokerStars'
})//.select2('disable')
$('#country').change(function () {
var id = $('#country').val();
var dataString = 'post=1&id1=' + id;
$.ajax({
type: 'GET',
url: 'http://dev.adtrafik.com/static/t/ajax.php',
data: dataString,
cache: false,
success: function (html) {
//$('#device').select2('enable');
$('#device').html(html);
$('#keyword').html('');
}
});
});
$('#device').change(function () {
var id = $('#country').val();
var id2 = $('#device').val();
var dataString = 'post=2&id1=' + id + '&id2=' + id2;
$.ajax({
type: 'GET',
url: 'http://dev.adtrafik.com/static/t/ajax.php',
data: dataString,
cache: false,
success: function (html) {
//$('#keyword').select2('enable');
$('#keyword').html(html);
}
});
});
$('#keyword').change(function () {
// $('#app').select2('enable');
});
$('#go').click(function (event) {
var id = $('#country').val();
var id2 = $('#device').val();
var id3 = $('#keyword').val();
var id4 = $('#app').val();
var dataString = 'post=4®ionid=' + id + '&engineid=' + id2 + '&kwid=' + id3 + '&appid=' + id4;
$.ajax({
type: 'GET',
url: 'http://dev.adtrafik.com/static/t/ajax.php',
data: dataString,
cache: false,
success: function (html) {
$('#chart').fadeOut(function () {
$('#chart').html(html).fadeIn();
});
}
});
event.preventDefault();
});
});
シリーズオプションと一緒にjQueryを使用したいくつかの問題の例外はnullであり、これはtrueであり、IEを介してデバッグするために最善を尽くしました(painnfull!!!)
jFiddle経由で同じAJAXをロードすることはできませんが、コードはそこにあります....助けのためにいくつかのイカを支払うことができてうれしいです:)。
ヴィンセント