Javascript 同一页上有2个jQuery脚本_Javascript_Jquery_Jquery Ui_Dialog

Javascript 同一页上有2个jQuery脚本

javascript jquery jquery-ui

Javascript 同一页上有2个jQuery脚本,javascript,jquery,jquery-ui,dialog,Javascript,Jquery,Jquery Ui,Dialog,我在一页jQuery对话框中有两个jQuery脚本，对话框内有jQuery滑动切换，jQuery对话框正在工作，但在点击按钮打开对话框内的jQuery对话框后，会有一个按钮滑动切换一个div，但它不工作我尝试将滑动切换移到对话框外，它工作了。如果有人能帮我解决问题，我不知道对话框里发生了什么 jQuery对话框 <script type="text/javascript"> $(function () { $("#dialog").dialog({

我在一页jQuery对话框中有两个jQuery脚本，对话框内有jQuery滑动切换，jQuery对话框正在工作，但在点击按钮打开对话框内的jQuery对话框后，会有一个按钮滑动切换一个div，但它不工作我尝试将滑动切换移到对话框外，它工作了。如果有人能帮我解决问题，我不知道对话框里发生了什么

jQuery对话框

<script type="text/javascript">
    $(function () {
        $("#dialog").dialog({
            appendTo: "form",
            autoOpen: false,
            width: 630,
            height: 700,
            draggable: false,
            resizable: false,
            modal: true
        });


        $("#btnaddnew").click(function () {
            $("#dialog").dialog("open");
            return false;
        });
    });

</script>


$（函数（）{
$（“#对话框”）。对话框({
附：“表格”，
自动打开：错误，
宽度：630，
身高：700，
可拖动：错误，
可调整大小：false，
莫代尔：对
});
$（“#btnaddnew”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
返回false；
});
});

jQuery滑动切换

<script type="text/javascript">
    $(document).ready(function () {
        $("#Div1").hide();
        $("#Button1").click(function () {
            $("#Div1").slideToggle();
            return false;
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#Div1”）.hide（）；
$（“#按钮1”）。单击（函数（）{
$（“#Div1”）.slideToggle（）；
返回false；
});
});

dialog div+jQuery对话框内的slideToggle div

<div id="dialog" title="Classification">
<asp:UpdatePanel ID="addpanel" runat="server">
<ContentTemplate>
<table>
    <tr>

        <td><div id="registerform">
        <table align="center" style="margin-top:10px" width="600">
        <tr>
            <td>
                <asp:DropDownList ID="DropDownList1" runat="server" 
                    onselectedindexchanged="DropDownList1_SelectedIndexChanged" 
                    AutoPostBack="True">
                    <asp:ListItem Selected="True">Choose Classification</asp:ListItem>
                    <asp:ListItem Value="Resident">Resident</asp:ListItem>
                    <asp:ListItem Value="Business">Business</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
        </table>
        <table>
        <tr>
            <td><div id="divresident" runat="server" visible="false">
            <table style="margin-top:10px; margin-bottom:10px">
                <tr>
                    <td width="300" style="text-align:left"><asp:Label ID="lbAddress" runat="server" Text="Address"></asp:Label></td>
                    <td width="300"><asp:TextBox ID="txtAddress" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style="text-align:left"><asp:Label ID="lbUserEntry" runat="server" Text="Number of House occupant"></asp:Label></td>
                    <td><asp:TextBox ID="txtUserEntry" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style="text-align:left"><asp:Button ID="btnAddOccupant" runat="server" Text="+" />
                    <asp:Label ID="lbres5" runat="server" Text="Add Occupant"></asp:Label></td>
                </tr>
                <tr>
                    <td>
                    <div id="divOccupantProfile" style="display: none">

                    <asp:Label ID="OPfamilyname" runat="server" Text="Family Name"></asp:Label>
                    <asp:TextBox ID="textOPfamilyname" runat="server"></asp:TextBox><br />

                    <asp:Label ID="OPfirstname" runat="server" Text="First Name"></asp:Label>
                    <asp:TextBox ID="textOPfirstname" runat="server"></asp:TextBox><br />

                    <asp:Label ID="OPmiddlename" runat="server" Text="Middle Name"></asp:Label>
                    <asp:TextBox ID="textOPmiddlename" runat="server"></asp:TextBox><br />

                    <asp:Label ID="OPmaritalstatus" runat="server" Text="Marital Status"></asp:Label>
                    <asp:DropDownList ID="ddlOPmaritalstatus" runat="server" >
                        <asp:ListItem></asp:ListItem>
                        <asp:ListItem>Married</asp:ListItem>
                        <asp:ListItem>Single</asp:ListItem>
                        <asp:ListItem>Divorced</asp:ListItem>
                    </asp:DropDownList><br />

                    <asp:Label ID="OPoccupation" runat="server" Text="Occupation"></asp:Label>
                    <asp:TextBox ID="textOPoccupation" runat="server"></asp:TextBox><br />

                    <asp:Label ID="OPrelationship" runat="server" Text="Relationship"></asp:Label>
                    <asp:DropDownList ID="ddlOPrelationship" runat="server" >
                        <asp:ListItem></asp:ListItem>
                        <asp:ListItem>Wife</asp:ListItem>
                        <asp:ListItem>Daughter</asp:ListItem>
                        <asp:ListItem>Son</asp:ListItem>
                        <asp:ListItem>Father</asp:ListItem>
                        <asp:ListItem>Mother</asp:ListItem>
                        <asp:ListItem>House helper</asp:ListItem>
                        <asp:ListItem>Driver</asp:ListItem>
                    </asp:DropDownList>

                    </div>
                    <div id="holder">

                    </div>
                    </td>
                </tr>
            </table>
            </div></td>
        </tr>
        </table>
        <table>
        <tr>
            <td><div id="divbusiness" runat="server" visible="false">
            <table width="600" style="margin-top:10px; margin-bottom:10px">
                <tr>
                    <td width="300" style="text-align:left"><asp:Label ID="lbbus1" runat="server" Text="Registered Business Name" ></asp:Label></td>
                    <td width="300"><asp:TextBox ID="txtbus2" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
                </tr>
                <tr>
                    <td width="300" style="text-align:left"><asp:Label ID="lbbus3" runat="server" Text="Address"></asp:Label></td>
                    <td width="300"><asp:TextBox ID="txtbus4" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
                </tr>
                <tr>
                    <td width="300" style="text-align:left"><asp:Label ID="lbbus5" runat="server" Text="Structure"></asp:Label></td>
                    <td width="300">&nbsp;</td>
                </tr>
                <tr>
                    <td width="300" style="text-align:left"><asp:Label ID="lbbus6" runat="server" Text="SEC No./DTI number"></asp:Label></td>
                    <td width="300"><asp:TextBox ID="txtbus7" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
                </tr>
                <tr>
                    <td width="300" style="text-align:left"><asp:Label ID="lbbus8" runat="server" Text="Nature of Business"></asp:Label></td>
                    <td width="300"><asp:TextBox ID="txtbus9" class="basetxt" runat="server" Width="290"></asp:TextBox></td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align:left">
                    <div>
                    <asp:Button ID="Button1" runat="server" Text="+"  />
                    <asp:Label ID="Label1" runat="server" Text="Add Phone"></asp:Label>
                    <div id="Div1" style="display: none">
                        <asp:Label ID="Label2" runat="server" Text="Landline work"></asp:Label>
                        <asp:TextBox ID="TextBox1" class="basetxt" runat="server" ></asp:TextBox><br />
                        <asp:Label ID="Label3" runat="server" Text="Handphone personal" ></asp:Label>
                        <asp:TextBox ID="TextBox2" class="basetxt" runat="server"></asp:TextBox><br />
                        <asp:Label ID="Label4" runat="server" Text="Handphone work"></asp:Label>
                        <asp:TextBox ID="TextBox3" class="basetxt" runat="server"></asp:TextBox>
                    </div>
                    </div>
                    </td>
                </tr>
            </table>
            </div></td>
        </tr>
        </table>

</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>


选择分类
居民
生意






已婚的
单身
离异




妻子
女儿
儿子
父亲
母亲
家务助理
司机

。单击对以后加载的元素无效，请按如下方式尝试，替换：

$（“#按钮1”）。单击（函数（）{

与：

$（“body”）。在（'click'、'#Button1'，function（）{

上，请同时提供适当的HTML。@Leetylor好的，先生，现在看一看，这不是ASP经典。另外，问题实际上是关于客户端代码的，所以请显示呈现的HTML（以及说明问题的最小数量）ooops错误的标签抱歉没有注意到这解决了我的问题jQuery slideToggle现在在对话框中工作，更多问题我的

#btnShowDialog

在关闭对话框后不再响应了？你有一个工作示例吗？早上3点36分很混乱，我会用

if

和

else

做一些东西，然后我自己一次加载。在没有返回false的情况下尝试了它；？我不熟悉这个对话框。