Как исправить мой код JQuery в IE?Работает в Firefox

Question

Я использую jQuery, чтобы показать / скрыть контейнер div (#pluginOptionsContainer) и загрузить в него страницу (./plugin_options.php) с отправленными необходимыми переменными POST.

Данные POST отправляются на основе значения списка выбора (#pluginDD) и нажатия кнопки (#pluginOptionsBtn) ...

Он отлично работает в Firefox, но не работает в IE. Похоже, что запрос '$ ("# pluginOptionsContainer"). Load () никогда не заканчивается в IE - я вижу сообщение о загрузке всегда ...

bind (), empty () и append (), кажется, работают нормально в IE. Но не load () ..

Вот мой код:

// 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

Любая помощь будет с благодарностью! Я ненавижу IE!

Answer 1

IE иногда кеширует ответы. Вы можете проверить, посмотрев запросы IE к серверу. Fiddler2 - это инструмент для просмотра http-запросов.

Если вы заметили, что нажали кнопку отправки и не видите никаких http-запросов, IE кеширует результат.

Если это так, вы можете добавить случайное число к URL, чтобы кэшировать его:

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

Answer 2

Если проблема заключается в кэшировании, попробуйте установить cache = false в настройках jjery ajax ...

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

Answer 3

IE иногда более требователен, чем FF, когда дело доходит до дублирования идентификаторов элементов. Убедитесь, что каждый используемый вами идентификатор используется только один раз и не создается заново во время вызова ajax.