我能够从jquery生成模态窗口以及普通的日期选择器或自动完成小部件,但是当我需要在模态和日期选择器中加载表单或表单中可用的自动完成时会发生什么?
似乎与字段的绑定与背景中的窗口相关联。任何人都可以提出一种方法来实现这一点吗?
谢谢!
基本上我有以下代码,这个想法是当我使用没有任何模态窗口的日期选择器时,它可以正常工作。但是当某些东西进入模态时,什么也不起作用(因为我认为完全是一个新窗口)
<div id="modal-container"></div>
<div id="modal">
<a href="#" class="close">close</a>
</div>
which then are called upon with Ajax
$(function(){
$("#article_edited_on").datepicker();
var $modal = $('#modal'),
$modal_close = $modal.find('.close'),
$modal_container = $('#modal-container');
$('a[data-remote]').live('ajax:beforeSend', function(e, xhr, settings){
xhr.setRequestHeader('accept', '*/*;q=0.5, text/html, ' + settings.accepts.html);
});
$('a[data-remote]').live('ajax:success', function(xhr, data, status){
$modal
.html(data)
.prepend($modal_close)
.css('top', $(window).scrollTop() + 40)
.show();
$modal_container.show();
});
$('.close', '#modal').live('click', function(){
$modal_container.hide();
$modal.hide();
return false;
});
});
如果说
"在模态中加载表单"时,您的意思是使用 AJAX 动态加载表单,那么您需要在加载完成后立即初始化用于日期选择器/自动完成的字段。