jQuery .load () в пользовательском интерфейсе .dialog () вызывает конкретный DIV, не работающий в IE, хорошо в FF, Safari, Chrome

Question

У меня есть страница ColdFusion с диалоговым окном jQuery UI, которое открывается при нажатии на ссылку и ищет какие-то конкретные материалы на загружаемой странице.В IE все, что я получаю, это пустое диалоговое окно.

$('#pop').dialog({
    autoOpen: false,
    modal: true,
    width: 700,
    height: 600
});

$('.info').click(function(e) {
    var ref = $(this).attr('href');
    var theTitle = $(this).attr('title');
    e.preventDefault();
    $('#pop').dialog('open');
    $('#pop').load(ref + '#columnText h1, #columnText img, #columnText h2, #columnText p, #columnText a');
    $("span.ui-dialog-title").text(theTitle);
});

Работает в FF / Safari / Chrome, но не работает в IE.Я попытался добавить к вызову некоторый math.random, чтобы сломать кеш IE, но все равно не повезло.

Если я загружаю всю страницу, она работает в IE, но затем в Safari выскочит диалоговое окно, а затем попытаетсяперейдите на страницу в HREF.

Кто-нибудь видит некоторые вопиющие ошибки, на которые мне нужно обратить внимание?

Вот ссылка, которая инициирует вызов:

<a class="info" href="municipal_park_bench.cfm" title="EBBR Series Park Benches EVCOR, LLC.">Details&hellip;</a>

Answer 1

Просто добавьте пробел в свой селектор нагрузки:
$('#pop').load(ref + ' #columnText h1, ...

Answer 2

Что говорит Firebug или инструмент сетевого мониторинга?Также я заметил, что вы фильтруете ответ на определенный селектор jquery.Попробуйте удалить это.Теоретически это означает, что ваш диалог будет показывать больше, чем вы хотите, но он будет упрощен.