我似乎遇到了通过 AJAX 加载页面的 IE 问题。我们使用 jQuery、Bootstrap、Select2 和 Highcharts,不确定这是否是由 Select2 ajax 调用引起的问题,但 AJAX 返回的无结果代码似乎没问题。当没有 highcharts 时,我得到一个 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 的一些问题 exeption 以及 Series Options 是 null 这不是真的,我尽力通过 IE 进行调试(painnfull !!!)
我无法通过 jFiddle 加载相同的 AJAX,但代码在那里....我很乐意支付一些鱿鱼的帮助 :)。
文森特