SimpleModal使模态对话框中的Div不透明度:0?

时间:2010-11-05 18:42:21

标签: javascript html css simplemodal

在我问这个问题之前我意识到我可能没有充分发挥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不透明度?感谢任何线索。

0 个答案:

没有答案