Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Firefox中关闭并重新打开后,JQuery UI对话框弹出窗口不可单击_Firefox_User Interface_Dialog_Clickable - Fatal编程技术网

在Firefox中关闭并重新打开后,JQuery UI对话框弹出窗口不可单击

在Firefox中关闭并重新打开后,JQuery UI对话框弹出窗口不可单击,firefox,user-interface,dialog,clickable,Firefox,User Interface,Dialog,Clickable,在我正在工作的网站上,有一个加载用户控件的弹出窗口。它有三个文本框和一个按钮。我第一次打开对话框时,它工作得很好。但是如果用户关闭并重新打开它,它就不再是可点击的。对话框将显示,但其中没有可单击的内容 该对话框在IE、Chrome和Safari上关闭和重新打开时工作正常,但Firefox在第二次打开后不允许您执行任何操作 下面是打开它的javascript代码 var $dialogRSVPShortForm; if( ($dialogRSVPShortForm == null) |

在我正在工作的网站上,有一个加载用户控件的弹出窗口。它有三个文本框和一个按钮。我第一次打开对话框时,它工作得很好。但是如果用户关闭并重新打开它,它就不再是可点击的。对话框将显示,但其中没有可单击的内容

该对话框在IE、Chrome和Safari上关闭和重新打开时工作正常,但Firefox在第二次打开后不允许您执行任何操作

下面是打开它的javascript代码

    var $dialogRSVPShortForm;

if( ($dialogRSVPShortForm == null)  ||  ($dialogRSVPShortForm == undefined) || ($dialogRSVPShortForm == "undefined") ) {
    $dialogRSVPShortForm = $j("<div id='rsvpShortFormDlgDivId'></div>")
        .load('/controls/RSVPForm/RSVPShortForm.aspx' + strQS + ' #content')
        .dialog({
            autoOpen: false,
            modal: true,
            draggable: false,
            resizable: false,
            width: 430,
            dialogClass: 'popUpContainer',
            title: $link.attr('title'),
            open: function () {
                jQuery('.ui-widget-overlay').bind('click', function () {
                    jQuery($dialogRSVPShortForm).dialog('close');
                })
            }
        });
    }
    else {
        $j("#rsvpShortFormDlgDivId").load('/controls/RSVPForm/RSVPShortForm.aspx' + strQS + ' #content');
 }
    $dialogRSVPShortForm.dialog('open');
     }
var$dialogRSVPShortForm;
如果($dialogRSVPShortForm==null)| |($dialogRSVPShortForm==undefined)| |($dialogRSVPShortForm==undefined”)){
$dialogRSVPShortForm=$j(“”)
.load('/controls/RSVPForm/RSVPShortForm.aspx'+strQS+'#content')
.对话({
自动打开:错误,
莫代尔:是的,
可拖动:错误,
可调整大小:false,
宽度:430,
dialogClass:'popUpContainer',
标题:$link.attr('title'),
打开:函数(){
jQuery('.ui小部件覆盖').bind('click',function(){
jQuery($dialogRSVPShortForm).dialog('close');
})
}
});
}
否则{
$j(“#rsvpShortFormDlgDivId”).load('/controls/RSVPForm/RSVPShortForm.aspx'+strQS+'#content');
}
$dialogRSVPShortForm.dialog('open');
}
简单地说,$dialogRSVPShortForm在用户第一次打开对话框时被分配给对话框的新实例。之后的任何时候,它都会转到else部分并再次打开它,重新加载控件,而不是创建对话框的新实例。在过去,每次创建一个实例都会导致很多问题,我们不想再重复这样做了

这是在对话框中加载的控件

    <h2>R.S.V.P. For Event</h2>
<table class="rsvpShortForm">
    <tr>
        <td class="label">
            <div class="required">*</div><label for="<%=txtEmail.clientID%>">Email</label>
        </td>
        <td class="field">
            <asp:TextBox ID="txtEmail" runat="server" TextMode="SingleLine" Width="230px"
            onFocus = "if (this.value == 'Email ex: my@email.com') {this.value = ''; this.style.color = '#000';}"
            onBlur = "if (this.value == '') {this.value = 'Email ex: my@email.com'; this.style.color = '#CCC';}"
            value = "Email ex: my@email.com" CssClass = "ghostText" TabIndex="1"/>
             <span class="errorMsg" id="errEmail" style="display: none">Email is required.</span>
            <span class="errorMsg" id="errLegitEmail" style="display: none">Email needs to be valid.</span>
        </td>
    </tr>
    <tr>
        <td class="label">
            <div class="required">*</div><label for="<%=txtPhone.clientID%>">Phone</label>
        </td>
        <td class="field">
            <asp:TextBox ID="txtPhone" runat="server" TextMode="SingleLine" Width="230px" onFocus="if (this.value == 'Phone Number (XXX)-XXX-XXXX') {this.value = ''; this.style.color = '#000';}"
            onBlur="if (this.value == '') {this.value = 'Phone Number (XXX)-XXX-XXXX'; this.style.color = '#CCC';}"
            value="Phone Number (XXX)-XXX-XXXX" CssClass="ghostText" TabIndex="2"/>
            <span class="errorMsg" id="errPhone" style="display: none">Phone is required.</span>
            <span class="errorMsg" id="errValidPhone" style="display:none">Valid phone number required.
            </span>
        </td>
    </tr>
    <tr>
        <td class="label">
            <label for="<%=txtCompany.clientID%>">Company</label>
        </td>
        <td class="field">
            <asp:TextBox ID="txtCompany" runat="server" TextMode="SingleLine" Width="230px" onFocus="if (this.value == 'Your Company') {this.value = ''; this.style.color = '#000';}"
            onBlur="if (this.value == '') {this.value = 'Your Company'; this.style.color = '#CCC';}"
            value="Your Company" CssClass="ghostText" TabIndex="3"/>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <div class="clearbutton"><input type="button" class="globalBTN" ID="btnSubmit" /></div>
     </td>
    </tr>
</table>
R.S.V.P.事件
*电子邮件
电子邮件是必需的。
电子邮件必须是有效的。
*电话
电话是必需的。
需要有效的电话号码。
单位
我很感激能得到的任何帮助