Comment réparer mon code jQuery dans IE ?? Fonctionne dans Firefox

Question

J'utilise jQuery pour afficher/masquer un conteneur div (#pluginOptionsContainer) et charger une page (./plugin_options.php) à l'intérieur avec les variables POST requises envoyées.

Quelles données POST est envoyé est basé sur la valeur d'une liste de sélection (#pluginDD) et le clic d'un bouton (#pluginOptionsBtn) ...

Il fonctionne très bien dans Firefox, mais ne fonctionne pas dans IE .. La '$ ("# pluginOptionsContainer"). load()' demande ne semble jamais finir dans IE - Je ne vois que le message de chargement pour toujours ...

bind(), vide() et append () tous semblent fonctionner correctement dans IE .. Mais pas charger() ..

Voici mon code:

// wait for the DOM to be loaded 
$(document).ready(function() { 

// hide the plugin options 
$('#pluginOptionsContainer').hide(); 

// This is the hack for IE 
if ($.browser.msie) { 
    $("#pluginDD").click(function() { 
    this.blur(); 
    this.focus(); 
    }); 
} 

// set the main function 
$(function() { 

    // the button shows hides the plugin options page (and its container) 
    $("#pluginOptionsBtn") .click(function() { 
    // show the container of the plugin options page 
    $('#pluginOptionsContainer').empty().append('<div style="text-align:center;width:99%;">Loading...</div>'); 
    $('#pluginOptionsContainer').toggle(); 
    }); 

    // set the loading message if user changes selection with either the dropdown or button 
    $("#pluginDD,#pluginOptionsBtn").bind('change', function() { 
    $('#pluginOptionsContainer').empty().append('<div style="text-align:center;width:99%;">Loading...</div>'); 
    }); 

    // then update the page when the plugin is changed when EITHER the plugin button or dropdown or clicked or changed 
    $("#pluginDD,#pluginOptionsBtn").bind('change click', function() { 
    // set form fields as vars in js 
    var pid = <?=$pid;?>; 
    var cid = <?=$contentid;?>; 
    var pDD = $("#pluginDD").val(); 
    // add post vars (must use JSON) to be sent into the js var 'dataString' 
    var dataString = {plugin_options: true, pageid: pid, contentid: cid, pluginDD: pDD }; 
    // include the plugin option page inside the container, with the required values already added into the query string 
    $("#pluginOptionsContainer").load("/admin/inc/edit/content/plugin_options.php#pluginTop", dataString); 
    // add this to stop page refresh 
    return false; 
    }); // end submit function 

}); // end main function 
}); // on DOM load 

Toute aide serait grandement appréciée! Je déteste IE!

Answer 1

IE met parfois en cache des réponses. Vous pouvez vérifier en regardant les demandes que l'IE fait au serveur. Fiddler2 est un outil utile pour regarder les requêtes http.

Si vous remarquez que vous cliquez sur soumettre et que vous ne voyez aucune requête http, IE met en cache le résultat.

Si tel est le cas, vous pouvez ajouter un nombre aléatoire à l'URL pour mettre en cache le buste il:

$("#pluginOptionsContainer").load("url.php?random=" + Math.random()*99999, dataString); 

Answer 2

IE est parfois pickier alors FF quand il s'agit de dupliquer ids élément. Vérifiez que tous les ID que vous utilisez sont utilisés une seule fois et qu'ils ne sont pas créés à nouveau pendant l'appel ajax.

Answer 3

Si la mise en cache est le problème, puis essayez de définir cache = false dans la configuration ajax jquery de ...

$.ajaxSetup ({ 
     cache: false, 
    });