У меня есть привязанный тег на моей странице, который переключает между активными и отмененными объектами. Показывается только одна ссылка в зависимости от того, что пользователь хочет увидеть. Я использую ajax для замены html либо активной информацией, либо отмененной информацией. Смотри ниже.jquery ui диалог загрузки при щелчке только стрельба один раз
Проблема, с которой я сталкиваюсь, заключается в том, что когда пользователь нажимает на ссылку, должен отображаться диалог загрузки, но диалог отображается только при первом щелчке, а не в последующих кликах. Это происходит только в Chrome.
$(document).ready(function() {
$("a#showCancelled, a#showActive").live("click", function(event) {
event.preventDefault();
$("#dialog-modal").dialog('open');
$.ajax({
type: "GET",
url: $(this).attr("href"),
dataType: "html",
cache: false,
success: Success,
error: Error
});
});
$("#dialog-modal").dialog({
autoOpen: false,
height: 50,
width: 400,
modal: true,
closeOnEscape: false,
draggable: false,
resizable: false
});
});
function Success (data, status) {
$("#dialog-modal").dialog('close');
$("body").html(data);
}
HTML
<div id="dialog-modal" title="Loading...">
<p><img src="../images/busy.gif" /> Just a moment...</p>
</div>
EDIT - Я изменил код ниже с предложениями и завернутые содержание Я хочу обновленное с фиктивным <div>
. Но теперь диалог не открывается вообще и ничего не отображается, когда контент обновляется в IE7.
$("a#showCancelled, a#showActive").live("click", function(event) {
event.preventDefault();
$link = $(this).attr("href");
$("#dialog-modal").dialog('open');
$("#dummy").load($link + " #dummy");
$("#dialog-modal").dialog('close');
});
Работы сейчас, должно быть, были проблемой кэширования браузера. –