当colorbox iframe第二次加载时,datepicker无法正常工作

时间:2014-04-11 04:14:05

标签: jquery asp.net datepicker colorbox

我有一个页面 tblContFrdmCapitatedProviders.aspx 有一个锚标记

<a id="aAdd" class="aAdd" href="tblContFrdmCapitatedProvidersAdd.aspx">Add</a>

当我点击href addr将显示在colorbox iframe中。

这里是js代码

$(function ($) {

$(".aAdd").colorbox({ Width: "60%", Height: "260px" });

});

tblContFrdmCapitatedProviders.aspx 有一个母版页,其中引用了基本的jquery文件。

tblContFrdmCapitatedProvidersAdd.aspx 中还有另一个母版页,还包含对Jquery基本文件的引用。在这个页面中,我有2个文本框,其中绑定了jquery datepicker。

$(function ($) {

        $("#ContentPlaceHolder1_txtFromDate").datepicker({
            changeMonth: true,
            changeYear: true
        });

        $("#ContentPlaceHolder1_txtToDate").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

现在问题部分。

当我们第一次点击&#34;添加&#34; iframe显示和datepicker正确显示。现在当我们关闭iframe并点击&#34;添加&#34;第二次,iframe来了,但里面的日期选择器不会工作。之后我们点击了多少次&#34;添加&#34; datepicker不会来。如果我们重新加载父页面,那么它第一次工作。

我想念的是什么????

编辑1

tblContFrdmCapitatedProvidersAdd.aspx

aspx代码

<%@ Page Language="C#" MasterPageFile="~/Freedom/AddMaster.Master" AutoEventWireup="true" CodeBehind="tblContFrdmCapitatedProvidersAdd.aspx.cs" Inherits="Contestation.Freedom.tblContFrdmCapitatedProvidersAdd" %>

<script>
    $(function ($) {

        $("#ContentPlaceHolder1_txtFromDate").datepicker({
            changeMonth: true,
            changeYear: true
        });

        $("#ContentPlaceHolder1_txtToDate").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

</script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div>
        <div class="pageheader-pop">Capitated Providers</div>
        <div>
            <table class="table-list-pop" style="width: 100%">
                <tr>
                    <td>Capitated Providers</td>
                    <td>
                        <asp:TextBox ID="txtCapProv" runat="server"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtCapProv" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
                    </td>

                <td>Provider ID</td>
                <td>
                    <asp:TextBox ID="txtProviderID" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Plan Number</td>
                <td>
                    <asp:TextBox ID="txtPlanNo" runat="server"></asp:TextBox>
                </td>

                <td>IPA Name</td>
                <td>
                    <asp:TextBox ID="txtIPAName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Plan Name</td>
                <td>
                    <asp:TextBox ID="txtPlanName" runat="server"></asp:TextBox>
                </td>

                <td>From Date</td>
                <td>
                    <asp:TextBox ID="txtFromDate" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtFromDate" ErrorMessage="*"></asp:RequiredFieldValidator>
                    <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToValidate="txtFromDate" ErrorMessage="Invalid date" Operator="DataTypeCheck" Type="Date"></asp:CompareValidator>
                </td>
            </tr>
            <tr>
                <td>To Date</td>
                <td>
                    <asp:TextBox ID="txtToDate" runat="server" Width="128px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtToDate" ErrorMessage="*"></asp:RequiredFieldValidator>
                    <asp:CompareValidator ID="CompareValidator2" runat="server" ControlToValidate="txtToDate" ErrorMessage="Invalid date" Operator="DataTypeCheck" Type="Date"></asp:CompareValidator>
                </td>

                <td>Speciality Name</td>
                <td>
                    <asp:TextBox ID="txtSpecName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>Speciality Fund</td>
                <td>
                    <asp:TextBox ID="txtSpecFund" runat="server"></asp:TextBox>
                </td>
            </tr>
        </table>
    </div>
    <div class="dv-controls-pop">
        <asp:Button ID="btnAdd" runat="server" Text="Save" CssClass="btnsave-pop" OnClick="btnAdd_Click" />
    </div>
</div>

0 个答案:

没有答案
相关问题