在我问这个问题之前我意识到我可能没有充分发挥simplemodal的潜力,所以请耐心等待。
我的HTML中有以下模式对话框:
<div id="confirm_delete_role">
<h1>Are You Sure You Want To Proceed?</h1>
<div id="confirm_parameter_role"></div>
<p class="right_button"><a class="ui_navigation" href="javascript:$.modal.close(); var e = document.getElementById('confirm_parameter'); e.innerHtml = ''; var f = hLoader.setCheckStatus('confirm/callback'); f();">Proceed</a>
<a class="ui_navigation" href="javascript:$.modal.close(); var e = document.getElementById('confirm_parameter'); e.innerHtml = '';">Cancel</a></p>
</div>
在我召唤此对话框的另一个javascript区域中,我事先加载confirm_parameter_role并提供回调:
hLoader.loadDiv('admin/roles/confirm', 'return-parameter', undefined, 'confirm_parameter_role', function(){
hLoader.setCheckStatus('confirm/callback', function(){
var replace = document.getElementById('input_parameter_role');
replace = replace.options[replace.selectedIndex].value;
hLoader.loadViewportContent('admin/roles/delete/role/' + document.getElementById(idSrc).value + '/replace/' + replace);
});
$(' #confirm_delete_role ').modal();
});
hLoader.loadDiv是一个略微修改的jQuery .load函数包装器,但基本上执行相同的操作(它加载地址admin / roles / confirm,读取#return-parameter并将其放入#confirm_parameter_role)。它创造了这个:
<div id="confirm_parameter_role">
<form>
<label for="input_parameter_role" id="input_parameter_role-label">Replacement Role For Current Accounts:</label>
<select name="input_parameter_role" id="input_parameter_role">
<option value="1" label="Clients">Clients</option>
<option value="2" label="Employees">Employees</option>
ETC.
</select>
</form>
</div>
除了一件事,整个过程都很有效。神秘的是,我的#confirm_parameter_role div将它的样式设置为“Opacity:0;”在某些时候(不是我的代码)所以当出现模态对话框时......没有表格或选择栏。
有什么想法吗?其他人在他们的模态框内得到他们的div设置为0不透明度?感谢任何线索。